Welcome to the nuBuilder Forums!

Register and log in to access exclusive forums and content available only to registered users.

Column headings

Questions related to customising nuBuilder Forte with JavaScript or PHP.
Post Reply
kknm
Posts: 366
Joined: Sat Apr 11, 2020 12:03 am
Has thanked: 3 times
Been thanked: 4 times
Contact:

Column headings

Unread post 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
You do not have the required permissions to view the files attached to this post.
kev1n
nuBuilder Team
Posts: 4416
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 74 times
Been thanked: 472 times
Contact:

Re: Column headings

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

kknm
Posts: 366
Joined: Sat Apr 11, 2020 12:03 am
Has thanked: 3 times
Been thanked: 4 times
Contact:

Re: Column headings

Unread post by kknm »

No, this option is not suitable, because the heading of the table displays useful information that is blocked by the column heading.
kknm
Posts: 366
Joined: Sat Apr 11, 2020 12:03 am
Has thanked: 3 times
Been thanked: 4 times
Contact:

Re: Column headings

Unread post 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);
} 
kev1n
nuBuilder Team
Posts: 4416
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 74 times
Been thanked: 472 times
Contact:

Re: Column headings

Unread post by kev1n »

Your code makes the nuBreadcrumbHolder element very high.
multiline.png
You do not have the required permissions to view the files attached to this post.
kknm
Posts: 366
Joined: Sat Apr 11, 2020 12:03 am
Has thanked: 3 times
Been thanked: 4 times
Contact:

Re: Column headings

Unread post 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.
You do not have the required permissions to view the files attached to this post.
Post Reply