V9 New Menu Style

RLJB

I just saw the new menu style that has the Hamburger menu and massive icons like this:

Has anyone managed to manipulate this into a nice more condensed format with icon to one side? like this:

Please share the css or how to.

tks.

hpl123

The 2 menus you show are 2 different types of menus so its most likely not as simple as just changing a CSS setting or two. It is possible though, it may need quite a lot of tinkering though I believe and I think its probably better to do a full custom HTML menu to get the type of menu you want.

nhofkes

In V9, you can choose between two styles for the left menu bar: "MODERN" and "CLASSIC". The Modern style is with the large icons. The Classic style is with small icons to the left next to the menu text. This is close to second picture that you posted.
Setting is in the properties for the Visual Perspective, see screenshot.

Screenshot 2024-08-30 172103.png

RLJB

thanks guys - we use the classic already, it's "ok" but when minimised you get an ugly blue bar taking up realestate with no usable small icons.

I like how the modern leaves the icons there when minimised, but maximised is ugly for any menu with a large number of options.

tbh, neither of these options are the standard "go to" menu design for a SaaS app in 2024. Feels like we're missing the main/standard/best way of doing it and getting lessor options instead.

rbross

RLJB wrote
thanks guys - we use the classic already, it's "ok" but when minimised you get an ugly blue bar taking up realestate with no usable small icons.

I like how the modern leaves the icons there when minimised, but maximised is ugly for any menu with a large number of options.

tbh, neither of these options are the standard "go to" menu design for a SaaS app in 2024. Feels like we're missing the main/standard/best way of doing it and getting lessor options instead.

Hey Rod,

We ran into the same issue. We are using the classic menu look but modified with CSS, so a menu item that has a folder has the child items indented.
I guess using CSS and font-size to control the icon size is the only way to solve the default. I'm sure with some CSS you could make the Modern style menu have smaller icons as well.

Another thing I have started to do is place icons on the Top Bar with tool tips and call a process or query and either open a new tab or display it in the default tab. Depends if you allow multiple tabs to be open at once or if you only want users working in one area at a time.

RLJB

Hey Roger - hope youre keeping well.

Any chance you can post a pic or a video of what yours looks like?

(its kind of hard to image these things 🙂 ... well for me anyways)

aware_support

What if we change the behavior of the minimized Classic to be similar to the minimized Modern?

RLJB

Actually I'm an idiot - AwareIM DOES this already, there's just a few check boxes (in V9) to click and it works, use the command "Show/Hide Left Frame" and then there is a tick box "Do no hide menu completely, leave icons only"

Looks Awesome 🙂

jktb75

You can make the menu look and act as you wish with a bit of CSS and JS.