Page 1 of 1
Column headings
Posted: Wed May 13, 2020 1:10 pm
by kknm
Can browse form column headings be multi-line? Line separator space.Can browse form column headings be multi-line? Line separator space.
fields.PNG
Re: Column headings
Posted: Wed May 13, 2020 1:31 pm
by kev1n
This is how I set multiline in a Browse. Add the JS in your form's Custom Code field.
To force a line break you can write
LIne 1<br>Line 2 as Browse Title.
Code: Select all
function increaseBrowseTitleHeight() {
// Increase holder height
$('#nuActionHolder').css({
'height': '60px'
});
// Increase title height
var t = -20;
$('.nuBrowseTitle').not('#nuBrowseFooter').css('top', t);
}
if (nuFormType() == 'browse') {
increaseBrowseTitleHeight();
}
Re: Column headings
Posted: Fri May 15, 2020 10:13 am
by kknm
No, this option is not suitable, because the heading of the table displays useful information that is blocked by the column heading.
Re: Column headings
Posted: Fri May 15, 2020 9:25 pm
by kknm
Since in the iframe mode my editing buttons are hidden, I applied your function as follows
Code: Select all
function increaseFrameTitleHeight() {
$('#nuBreadcrumbHolder').css({'height': '40px'});
// Increase title height
var t = -20;
$('.nuBrowseTitle').not('#nuBrowseFooter').css('top', t);
}
Re: Column headings
Posted: Sun May 17, 2020 10:03 am
by kev1n
Your code makes the nuBreadcrumbHolder element very high.
multiline.png
Re: Column headings
Posted: Sun May 17, 2020 12:53 pm
by kknm
kev1n wrote:Your code makes the nuBreadcrumbHolder element very high.
I only use this in iframe-mode and it looks right.
head.PNG
Without this function, the table overlapped the header.