Question


Instellars Global Consulting
SG
Last activity: 16 Jan 2017 18:18 EST
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.


Pegasystems Inc.
IN


Instellars Global Consulting
SG
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?


Pegasystems Inc.
IN
Hi Giridhar,
Have you tried like this :
.dataValueRead {
font-family: Arial , sans-serif !important ;
}
Hope this helps.
Thanks.


Instellars Global Consulting
SG
Hi AkshaySinha,
Where should I insert your CSS style formatting code? I have tried as in the below screenshots but no luck.


Pegasystems Inc.
IN
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.


Pegasystems Inc.
IN
Hi Giridhar,
Please put the code in userworkform.
Thanks.


Pegasystems Inc.
US
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?
Accepted Solution


Pegasystems Inc.
IN
Hi Giridhar,
PFA screen shots with my observations, let me know if it helps.


Pegasystems Inc.
IN
Hi Giridhar,
Did that help? You have any further questions?


Aaseya IT Services Pvt Ltd
SA
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 ?