Colored menu items?

If you have questions or if you want to share your opinion about Aware IM post your message on this forum
Post Reply
numberz
Posts: 166
Joined: Sat Aug 05, 2017 12:13 am
Location: New Hampshire - USA

Colored menu items?

Post by numberz »

Hi,
Is there a way to color each menu item?...see image.
Thank you.
Attachments
colored menu items.png
colored menu items.png (14.21 KiB) Viewed 3230 times
Regards and thanks,
Harry Carter
ACDC
Posts: 1138
Joined: Sat Jun 30, 2007 5:03 pm
Location: California, USA

Re: Colored menu items?

Post by ACDC »

on the menu setup, each item has a css class option, I have used this before to customise the background of the individual menu items
numberz
Posts: 166
Joined: Sat Aug 05, 2017 12:13 am
Location: New Hampshire - USA

Re: Colored menu items?

Post by numberz »

Yes, but how?
Regards and thanks,
Harry Carter
joben
Posts: 221
Joined: Wed Nov 06, 2019 9:49 pm
Location: Sweden
Contact:

Re: Colored menu items?

Post by joben »

numberz wrote: Thu Dec 24, 2020 7:30 pmYes, but how?
I don't have the AwareIM Config Tool available right now, but you first need to do as ACDC said, set a CSS class on your menu item.
For instance, you can write the word green

Go to your AwareIM install location on your server and go to this folder: AwareIM\Tomcat\webapps\AwareIM\Custom\CSS

Create a folder with the same name as your AwareIM application.

Enter the folder.

Create a file named style.css

Write the following:

Code: Select all

.green{background-color:#00ff00;}
You should watch the official instruction video here: Using CSS and Javascript in Aware IM
It has a more detailed instruction.
Regards, Joakim

Image
numberz
Posts: 166
Joined: Sat Aug 05, 2017 12:13 am
Location: New Hampshire - USA

Re: Colored menu items?

Post by numberz »

Thanks :)
Regards and thanks,
Harry Carter
Post Reply