Helper Text Color/font change In Pega Application

Hello , In this story we will see how to change the color , font-size , font-weight of a Helper Text in Pega.

In any section open the cell properties by clicking the gear icon on the Property (Ex: which are taken from Data Capture).

1. And pop-up comes then in cell properties go to General Tab.
2. Change Helper Text -> Always visible / In-line
3. And Then add some text in Helper Text Value.

4. Now open the UserWorkForm HTML fragment rule and save it in your ruleset so that it can be picked at runtime by RULE Resolution. 
5. Add now add the following HTML code in the below UserWorkForm HTML fragment.
<style>

.helper-text

{

font-size:14px;

font-weight:600;

color: #9C44C0;

}

</style>

Note: we used .helper-text so the attributes will applicable to all the elements with class = “helper-text”

6. Not only font-size , font-weight , color attributes you can use other attributes to define your own style.

*******************************Thank You*******************************