Change Position of nuBreadcrumbholder & nuActionholder

Post your ideas & suggestions for new nuBuilder features or other improvements

Change Position of nuBreadcrumbholder & nuActionholder

Unread postby pmjd » Mon Oct 11, 2021 7:20 pm

Rather than fixed to the top, allow the moving/repositioning of nuBreadcrumbholder and nuActionholder to other places on the screen i.e. left/right/bottom.

With more widescreen devices available it makes more sense to have the ability to move these from taking up a lot of horizontal space, and instead allowing these to be moved to a vertical position.
pmjd
 
Posts: 98
Joined: Fri Mar 12, 2021 7:08 pm
nuBuilder Version: 4.5

Re: Change Position of nuBreadcrumbholder & nuActionholder

Unread postby kev1n » Thu Oct 14, 2021 4:10 pm

This is just mockup of what a vertical layout could look like.

I applied float: left; to the nuBreadcrumbholder & nuActionholder, set a width among some other style changes.

vertical.jpg
vertical.jpg (110.16 KiB) Viewed 100 times
kev1n
nuBuilder Team
 
Posts: 2059
Joined: Mon Oct 15, 2018 2:13 am
nuBuilder Version: 4.5

Re: Change Position of nuBreadcrumbholder & nuActionholder

Unread postby pmjd » Sat Oct 16, 2021 1:10 am

Interesting, where did you make the changes? I was looking about trying to find where I can change them.
pmjd
 
Posts: 98
Joined: Fri Mar 12, 2021 7:08 pm
nuBuilder Version: 4.5

Re: Change Position of nuBreadcrumbholder & nuActionholder

Unread postby kev1n » Sun Oct 17, 2021 6:44 pm

Override the function nuResize() by declaring your own in Setup -> Header like:

Code: Select all
function nuResize() {
   
     var h = window.innerHeight;

     $('#nuActionHolder').css({
         'width': '100px',
         'float': 'left',
         'height': h,
         'border-right': 'solid',
         'border-right-width': 'thin'
     });
   
     $('#nuBreadcrumbHolder').css({
         'width': '200px',
         'float': 'left',
         'height': h
     });
   
     $('.nuTabTitleColumn').css('width', '100%');
     $('body').css('width', '100%');

     nuSetVerticalTabs();

}


function nuOnLoad() {
     nuResize();
}



A few things still need to be done, like positioning the logout button.
kev1n
nuBuilder Team
 
Posts: 2059
Joined: Mon Oct 15, 2018 2:13 am
nuBuilder Version: 4.5


Return to Ideas & Suggestions

Who is online

Users browsing this forum: No registered users and 1 guest