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


https://ibb.co/1d1JvK8

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


https://ibb.co/hFrc5Wv

Please share the css or how to.

tks.

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.

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

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.

22 days later
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.

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)

6 days later

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

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 🙂

14 days later

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

5 months later