Page 1 of 1
Change Position of nuBreadcrumbholder & nuActionholder [done]
Posted: Mon Oct 11, 2021 11:50 am
by 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.
Re: Change Position of nuBreadcrumbholder & nuActionholder
Posted: Thu Oct 14, 2021 8:40 am
by 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
Re: Change Position of nuBreadcrumbholder & nuActionholder
Posted: Fri Oct 15, 2021 5:40 pm
by pmjd
Interesting, where did you make the changes? I was looking about trying to find where I can change them.
Re: Change Position of nuBreadcrumbholder & nuActionholder
Posted: Sun Oct 17, 2021 11:14 am
by 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.