Column headings

Questions related to customising nuBuilder Forte with Javascript or PHP.

Column headings

Postby kknm » Wed May 13, 2020 8:40 pm

Can browse form column headings be multi-line? Line separator space.Can browse form column headings be multi-line? Line separator space.
fields.PNG
fields.PNG (2.66 KiB) Viewed 200 times
kknm
 
Posts: 101
Joined: Sat Apr 11, 2020 7:33 am

Re: Column headings

Postby kev1n » Wed May 13, 2020 9:01 pm

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();
}

kev1n
 
Posts: 728
Joined: Mon Oct 15, 2018 2:13 am

Re: Column headings

Postby kknm » Fri May 15, 2020 5:43 pm

No, this option is not suitable, because the heading of the table displays useful information that is blocked by the column heading.
kknm
 
Posts: 101
Joined: Sat Apr 11, 2020 7:33 am

Re: Column headings

Postby kknm » Sat May 16, 2020 4:55 am

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);
}
kknm
 
Posts: 101
Joined: Sat Apr 11, 2020 7:33 am

Re: Column headings

Postby kev1n » Sun May 17, 2020 5:33 pm

Your code makes the nuBreadcrumbHolder element very high.
multiline.png
multiline.png (9.7 KiB) Viewed 169 times
kev1n
 
Posts: 728
Joined: Mon Oct 15, 2018 2:13 am

Re: Column headings

Postby kknm » Sun May 17, 2020 8:23 pm

kev1n wrote:Your code makes the nuBreadcrumbHolder element very high.

I only use this in iframe-mode and it looks right.
head.PNG
head.PNG (21.69 KiB) Viewed 168 times

Without this function, the table overlapped the header.
kknm
 
Posts: 101
Joined: Sat Apr 11, 2020 7:33 am


Return to Custom Code