Main Menu

[biggsy]

Apologies if this has been mentioned before - couldn't find a reference to it.

Is it possible with Bootstrap to have the main menu not scroll off the top and the sub-menus drop down on mouse-over?

[biggsy]

Looking further at the menus, it does seem that the large Advanced: Networking could be eliminated completely and the font size of the next section (System / Advanced Networking) increased a little.

[grandrivers]

i'll up vote that too

[brandur]

+1

[cmb]

yeah that's redundant.
https://redmine.pfsense.org/issues/5478

[jwt]

Fixed now


[jdillard]

@jwt:

Fixed now

Also applied to the light theme now.

[jwt]

great, now can we address the original question?

[biggsy]

@jwt:

great, now can we address the original question?

Thanks!

BTW, I discovered that phil.davis spotted the repeating headers long before I did.

[jwt]

Phil is a super cool guy, he contributes all the time, and is one of the most important members of the community.

[jdillard]

My bad, I was getting to that, but should have acknowledged. biggsy, would it be possible for you to post a screenshot of what you mean by "have the main menu not scroll off the top" just so I know for sure what you mean?

Thanks.

[Steve_B]

See: https://getbootstrap.com/examples/navbar-fixed-top/

This is fairly easy to do, and I could certainly add a system->General option to allow people to choose.

What is not so easy is that it then becomes necessary to add padding to the body of the page FOR EACH VIEWPORT SIZE to prevent the fixed header from overwriting the page content.

[biggsy]

@Steve_B:

See: https://getbootstrap.com/examples/navbar-fixed-top/

That's just what I was thinking of.    Thanks.

[Steve_B]

You can now change the menu behavior at System->General setup -> Menu

When "Remain visible at top of page" is selected, however, the top part of each page is hidden underneath the menu. JDillard is working on that so stay tuned.

[biggsy]

Thanks very much guys.  It seemss to have been quite a lot of work and I certainly hope I wasn't the only one who wanted for this!

It works really well on the Tue Nov 24 20:16:41 CST 2015 build but I couldn't see that Menu item in System > General setup.

[phil.davis]

For some reason the option in System->General Setup has been commented out:
https://github.com/pfsense/pfsense/commit/a8ddecc1db0e09911f3a31b16292c562f5f8d464

[jdillard]

@phil.davis:

For some reason the option in System->General Setup has been commented out:
https://github.com/pfsense/pfsense/commit/a8ddecc1db0e09911f3a31b16292c562f5f8d464

I made it permanent so there was less code to maintain. It may go back to being an option, but for now the fixed nav is forced.

[jdillard]

@biggsy:

Thanks very much guys.  It seemss to have been quite a lot of work and I certainly hope I wasn't the only one who wanted for this!

It works really well on the Tue Nov 24 20:16:41 CST 2015 build but I couldn't see that Menu item in System > General setup.

Looks like we're still having issues with the nav. I backed out the hover changes until we come up with a more robust solution. Also the length of some of the drop down creates issues when the nav is fixed to the top, so I am making that an option marked as BETA.

[biggsy]

Yes, some problems still in there with Nov 30 17:12:57 CST 2015.

Is the three-line nav button on the top right suppose to toggle the menu style?  I just lost all the main menu labels and can't see how to get them back.  The hover seemed to work fine until then.

[NOYB]

biggsy - Your not wide enough.  Make the browser window a little wider.  The top horizontal nav transitions at the same width as the dash board transitions from single to double column.  991 pixels.  The image you posted indicates just a little shy of that.

P.S. Oh and don't be like me and forget to refresh browser.