Question
How to apply CSS formatting to the read-only text in an autocomplete control
Hi All,
I want to apply CSS formatting "font-family: Arial, sans-serif;" to the read-only text in the autocomplete control. I have tried referring a CSS class defined in custom style in the skin rule and the inline style to the autocomplete control as well but in vain. The style is overridden by the Pega's ".dataValueRead" which has "font-family: Opensans, sans-serif;". PFA doc for the screenshots.
Can somebody help me on this? Thanks in advance.
Yes. I have tried "font-family: Opensans, sans-serif !important" but in vain as it is still picking the formatting from .dataValueRead
Any other options to try out?
Hi Giridhar,
Have you tried like this :
.dataValueRead {
font-family: Arial , sans-serif !important ;
}
Hope this helps.
Thanks.
Hi AkshaySinha,
Where should I insert your CSS style formatting code? I have tried as in the below screenshots but no luck.
Hi Giridhar,
The styles you are mentioning are applying at the cell level and not applying to the text inside it.
The text is being formatted with style class dataValueRead, as a universal setting for readonly texts.
Hi Giridhar,
Please put the code in userworkform.
Thanks.
Grididhar,
Do you want all dataValueRead text changed to this font? In otherwords, do you want all read-only controls to display like this or just this one autocomplete?
Hi Giridhar,
PFA screen shots with my observations, let me know if it helps.
Hi Giridhar,
Did that help? You have any further questions?
You can attach a CSS file in harness or Skin.
In Pega 7.1.5, there is correct way by modifying Skin>> Componets >> style >> Format >> Read-Only Text.
Have you tried using !important after your CSS Style ?