Page 1 of 1

how to change Menus text color ?

Posted: 06 Nov 2020, 19:48
by Franck.A
Hello all,

I am Franck, developper on IBMi for a french transport company, and new to Lansa Axes.
This is my first post so : "bonjour tout le monde!"

I am currently learning how to use the "AutoGui Menu Item" and it works like a charm, except for the color of the menu texts.

Using the "Property Edit" of the "AutoGUI Menu item" I can change the background color with the "background color" property(this works)
But, when I try to change the "color" property , it has no effect on the text color of the menu text.

At this time I would like to change the Menus text color from "blue" to "orange" and I do not see where I can do this.

Any help welcome, many thanks

Franck

Re: how to change Menus text color ?

Posted: 17 Nov 2020, 15:56
by Fairdinkum
Hi Franck,

I would highly recommend you to use Application's style instead. Try add the following.
name...... Anything you want. e.g. menuStyle
styleFor... HTML Element
htmlTag... #terminalContent .ax-terminal-5250menuitem span
style....... {color:red;}

Then you will see...
img_20201117_144923_001.png
img_20201117_144923_001.png (24.7 KiB) Viewed 5832 times
If you want to add some for a "hover" effect, try this.
name...... Anything you want. e.g. menuStyleHover
styleFor... HTML Element
htmlTag... #terminalContent .ax-terminal-5250menuitem span:hover
style....... {color:yellow;}

Then you will see...
img_20201117_145135_001.png
img_20201117_145135_001.png (26.36 KiB) Viewed 5832 times
HTH!

Best Regards,
Hide (from Fairdinkum, the aXes distributer in Japan)

Re: how to change Menus text color ?

Posted: 25 Nov 2020, 19:26
by Franck.A
Hello Hide,

I tried and it works like a charm ! Thank you very much for your help.

the information I missed was: "htmlTag... #terminalContent .ax-terminal-5250menuitem span" , to identiy menu strings on screen.

By the way, your tips helped me more than I expected: I could used the same method to define the colors of all 5250 text, by replacing the htmltag with the corresponding values; I could find this value in the "theme-default.css" file

example (for text color x20 Green):
name...... X20 Green
styleFor... HTML Element
htmlTag... #terminalContent .x20, #terminalContent .x20 .ax-terminal-inputField
style....... {color:red;}

This way we can define all text colors in a general way

Many thanks for your help
Franck