Change Position of nuBreadcrumbholder & nuActionholder [done]

[pmjd]

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.

[kev1n]

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

[pmjd]

Interesting, where did you make the changes? I was looking about trying to find where I can change them.

[kev1n]

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.