V9 New Menu Style

If you have questions or if you want to share your opinion about Aware IM post your message on this forum
Post Reply
RLJB
Posts: 918
Joined: Tue Jan 05, 2010 10:16 am
Location: Sydney, Australia

V9 New Menu Style

Post by RLJB »

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

Image
https://ibb.co/1d1JvK8

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

Image
https://ibb.co/hFrc5Wv

Please share the css or how to.

tks.
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
hpl123
Posts: 2630
Joined: Fri Feb 01, 2013 1:13 pm
Location: Scandinavia

Re: V9 New Menu Style

Post by 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.
Henrik (V8 Developer Ed. - Windows)
nhofkes
Posts: 124
Joined: Mon Sep 07, 2020 6:03 am
Location: Netherlands

Re: V9 New Menu Style

Post by 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
Screenshot 2024-08-30 172103.png (3.62 KiB) Viewed 6444 times
Niels
(V9.0 build 3272 - MariaDB - Windows)
RLJB
Posts: 918
Joined: Tue Jan 05, 2010 10:16 am
Location: Sydney, Australia

Re: V9 New Menu Style

Post by 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.
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
rbross
Posts: 449
Joined: Wed Nov 19, 2014 4:13 am
Location: Coventry, Connecticut USA

Re: V9 New Menu Style

Post by rbross »

RLJB wrote: Mon Sep 02, 2024 5:44 am 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.
Roger Ross
AwareIM 9.0 (build 3279) ~ MS-SQLExpress ~ Windows Server 2022
AwareIM 8.7 (build 3025) ~ MS-SQLExpress ~ Windows 10 ~
AwareIM 8.5 (build 2828) ~ MS-SQLExpress ~ Windows 10 ~
RLJB
Posts: 918
Joined: Tue Jan 05, 2010 10:16 am
Location: Sydney, Australia

Re: V9 New Menu Style

Post by 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)
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
aware_support
Posts: 7560
Joined: Sun Apr 24, 2005 12:36 am
Contact:

Re: V9 New Menu Style

Post by aware_support »

What if we change the behavior of the minimized Classic to be similar to the minimized Modern?
Aware IM Support Team
RLJB
Posts: 918
Joined: Tue Jan 05, 2010 10:16 am
Location: Sydney, Australia

Re: V9 New Menu Style

Post by 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 :)
Rod. Aware 8.6 (latest build), Developer Edition, on OS Linux (Ubuntu) using GUI hosted on AWS EC2, MYSQL on AWS RDS
jktb75
Posts: 5
Joined: Tue Apr 26, 2016 11:02 pm

Re: V9 New Menu Style

Post by jktb75 »

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