Main Menu

jwt

Fixed now

![Screen Shot 2015-11-20 at 9.37.58 AM.png_thumb](/public/imported_attachments/1/Screen Shot 2015-11-20 at 9.37.58 AM.png_thumb)
![Screen Shot 2015-11-20 at 9.37.58 AM.png](/public/imported_attachments/1/Screen Shot 2015-11-20 at 9.37.58 AM.png)

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.

2015-12-01_18-12-30.jpg_thumb

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.

jahonix

@biggsy:

Is the three-line nav button on the top right…

GUI folks usually reference this icon as burger- or whopper-menu

@biggsy:

… suppose to toggle the menu style?

Hopefully not! It's THE icon for a menu. Every other use would be misleading and I hope that pfSense uses it in this way too.
I have to admit that I have not tested any of the bootstrapped 2.3 versions myself. I do GUIs (touchpanel interfaces) as part of my day job, well, mostly at night, though… ;-)

jdillard

Biggsy, the WebGUI options are in System > General Setup

Edit: I can try and get it to transition to the vertical "burger menu" at smaller than 991px width…that is still kind of large.

biggsy

Thanks all.

I don't think I had resized the browser window from when I first connected and used the main menu but I'll have another look at that later.

I must be getting old. I'd never heard of a "Burger menu" before - at least not in relation to GUIs. :)