Ignition style, Base Style Background color and Element State (Hover) Background color is working but,
same format in text color is not working, text is only follow the base style color the hover text color was not accepted or not working. please any suggestion for this........
The method shown in the documentation works for me on 8.1.26.
Make sure you haven't got a props.style overriding the style class.
https://docs.inductiveautomation.com/display/DOC81/How+to+Change+Style+on+Hover
Thank you for your information, but in this method background color only change the text color is not change, i need change the text color while mousehover method.
Look again. The text color is changing from black to blue.
Thank You For Your Response,
In this image, i am binding the style in the root style class,
In this method background color was change while use the mousehover, now i want also change the text color while use the mousehover.
note: i want change the whole text color, so i bind the style in the root style.
Give any solutions..,
- What color do you want when not in hover?
- What color have you specified for
colorin Base Style? - You have specified
#fffffffor hover text color. Is that what you want?
Tip: Resize the windows to remove blank areas and crop the photos. 80% is not useful information.
I don't think styles are inheritable. You would need to do the text by element.
EDIT: Scratch that. Seems to work in 8.1.25...
Are there any non-default style values on the labels? That would override the style on the container.
You seem to be applying the hover to the root container. You need to apply the style class to the labels.
If you want all labels to change font color when the root container has hover then that is a different problem.
Tip: Note how to arrange the windows and crop the view so that it is readable in the post.
My first post had the hover style on the container only. My second one had an overwitten value for the font color.
Good,I want this type for many label components.
Thanks, for your continuous reply, i need below one
#If you want all labels to change font color when the root container has hover then that is a different problem.
when the hover is apply to the root, the background color and text color should be changed.
It wor
It works without difficulty. Make sure that you have no color setting on your labels.
Tip: use > for quotations in your post, not #.
Please post your style of the above this.,
- Create the style class:
- Set Base Sytle Text color to whatever you want.
- Set Element State [hover] color to whatever you want.
- Apply the class to the view root.
- Make sure that all labels in the view have no other
style.colorsettings and no classes set that affect label color.
1 Like
Thanks a lot for your support..,Now it's working.