Font Color change for picker
Brian_Winter
Customer Advanced IT Monkey ✭✭✭
In the new CI Picker, I'm trying to find a css to change my light grey color to something darker. This appears for any secondary data fields.
0
Best Answers
-
Shane_White
Cireson Support Super IT Monkey ✭✭✭✭✭
Last try! 😂How is this?
.multiquery-select__items__details{
color:blue;
}
.multi-query__list__selected-items__details {
color: blue;
}
.required-userinput-label {
color: red;
}
.fa.fa-search.icon-addon {
color: black !important;
}
.multi-query-textfield__multiselect-field .k-multiselect-wrap input {
color: black !important;
}
Thanks,
Shane
5 -
Shane_White
Cireson Support Super IT Monkey ✭✭✭✭✭
Hope this is the icing on the cake!!
.multi-query-textfield .form-group i, .multi-query-textfield label i {
color: red;
}
Thanks,
Shane
5
Answers
Hi @Brian_Winter
Give this a try for me in Custom.css:
.multiquery-select__items__details{
color:blue;
}
Thanks,
Shane
Thanks @Shane_White !! 😎👊 That got the drop-down details a nice blue. Now I need to do the same thing with the selected objects (and it'd be nice to have the "Required*" in red 😀)
Followup. Taking my cue from @Shane_White , I solved the selected details:
.multi-query__list__selected-items__details {
color:blue;
}
Still being challenged by the Required* and also the "Find..." Search input. Almost there.....
Hi @Brian_Winter
No worries! Give this a try:
.multiquery-select__items__details{
color:blue;
}
.multi-query__list__selected-items__details {
color: blue;
}
.required-userinput-label {
color: red;
}
Thanks,
Shane
What do you mean by the find search input?
Thanks,
Shane
Even the Magnifying Glass is a mere ghotst.
This is the complete code for all you have asked 😁
.multiquery-select__items__details{
color:blue;
}
.multi-query__list__selected-items__details {
color: blue;
}
.required-userinput-label {
color: red;
}
.fa.fa-search.icon-addon {
color: black !important;
}
Thanks,
Shane
So CLOSE! Just missing the one of the Multi-Select
Icon fixed. Search... and any input text is still grey.
Last try! 😂How is this?
.multiquery-select__items__details{
color:blue;
}
.multi-query__list__selected-items__details {
color: blue;
}
.required-userinput-label {
color: red;
}
.fa.fa-search.icon-addon {
color: black !important;
}
.multi-query-textfield__multiselect-field .k-multiselect-wrap input {
color: black !important;
}
Thanks,
Shane
Man, that's awesome!!
...
but one last try??? That "Required*" is still ghost grey. All the rest are lovely Red
Hope this is the icing on the cake!!
.multi-query-textfield .form-group i, .multi-query-textfield label i {
color: red;
}
Thanks,
Shane
@Shane_White , you are the CSS MAN! I spent hours digging around and never got close. Thanks for your time and this looks killer!
You should bundle this up and share as a Feature! These little changes really pop and really makes the forms more user friendly. Could be a simple addition to the RO Toolbox! (@john_doyle )
You're welcome anytime 😎 That is definitely a decision for John to make, but I agree it looks good!
Shane
Screenshot for Community to see what the changes look like: