Determine The State Of Web Toolbar Menu

Targets Web
1

Hello everyone

Whenever the web toolbar is minimized, it will take the form of the ‘hamburger’ menu state.
Is there anyway we could determine whenever the web toolbar is in that state?

TIA

2

Given you’re using the default Bootstrap’s breakpoints, the hamburger menu will appear when the width of the WebToolBar is less than 768px.

So you may add an event handler to your WebPage.Resized event:

Var isToolbarInHamburgerMode As Boolean = myToolbar.Width < 768
3 Likes
3

Thanks!

1 Like
4

There are moments when this doesn’t happen, for some reason.

Somehow, it happens when the WebToolBar is “floating” on the screen, not having the FullWidth, thus a nice little element I can style nicely with some CSS.
I just mentioned that HERE, in another topic.

When I resize the window, the hamburger appears too late. Some buttons clipped.
Shouldn’t the hamburger appear when the amount of items fall “outside” the visible area? Or am I missing something.
I remember that if that happens, a > or … button shows on the right of the Toolbar, on some websites or apps.