RealTimeDesigner Support Network
Wiki Forums Libraries Docs Support RealTimeDesigner Home
Welcome! Log In Create A New Profile

Advanced

Background Color Label

Posted by cos 
cos
Background Color Label
January 11, 2018 09:44AM
Hi. Background colors do not have visible labels when selected, except in hover on desktop. On mobile, there is no hover, so users do not know what color is actually selected except visually with the highlighted indicator. When there are multiple similar colors, this presents a problem. Is there a way to get a Text Label for the selected background color? Preferably this would be right next to the "Background Colors" text label.
Re: Background Color Label
January 12, 2018 08:40AM
BGcolors are probably one of the most "user hacked" divs of the RTD, so makin any change there can always be problematic.
But your issue is mainly about showing to users, in words, the selected BGcolor.

Fun thing is: it's already there, just hidden!!!
You just have to add to your CSS sometihng like this:
#design_showbgcolors_title_selected { display: inline !important; }
and it should appear just where you wanted it.

If you will want to prepend it with some text you can do like this instead:
#design_showbgcolors_title_selected { display: block !important; }
#design_showbgcolors_title_selected::before { content: "Currently selected: "; }
cos
Re: Background Color Label
January 12, 2018 01:58PM
Sweet. Always surprised after 10 years to learn another basic feature. Thanks.
Sorry, only registered users may post in this forum.

Click here to login