UI Skin customization
I want to understand the following customization:
* whether it is possible to configure mandatory * sign on the left of the field label.
* whether it is possible to have the error sign and description be consistently displayed below the field element .
Can someone explain this.
Pegasystems
US
Open the application skin rule
Depending on your PRPC version, it might be slightly different... but go to Additional Styles and add a new style. Open that to create the new style
Add the following:
.iconRequired {
padding-left: 10px;
padding-right: 0px;
background-position: 0% 50%;
}
Open the application skin rule
Depending on your PRPC version, it might be slightly different... but go to Additional Styles and add a new style. Open that to create the new style
Add the following:
.iconRequired {
padding-left: 10px;
padding-right: 0px;
background-position: 0% 50%;
}
For changing the error sign and description, go to the "Component Styles" tab -> Choose the "Text inputs & formatted text" control -> Standard style format. You should see the "Error Text" styles. Change it based on however you choose to
Virtusa
US
Hi Sunny,
That was a good hack for the required star!
I was thinking which style on the "components styles" on Text Inputs and formatted text could 'consistently' keep the error text below the element. I guess this is a bit tricky. Error text to put below the element, we can try some mixin as padding-bottom but how could we achieve consistency.
Regards,
Harinath Chakrapani.
Pegasystems Inc.
AU
Hi,
Can you assist me in this ? Can you describe how I can do the following? Thanks in advance.
Open the application skin rule
Depending on your PRPC version, it might be slightly different... but go to Additional Styles and add a new style. Open that to create the new style
Add the following:
.iconRequired {
padding-left: 10px;
padding-right: 0px;
background-position: 0% 50%;
}
Rgds
Gary
Coforge DPA Ltd.
AU
Hi Gary,
Reg snippet
.iconRequired {
padding-left: 10px;
padding-right: 0px;
background-position: 0% 50%;
}
This kind of css can be added in style sheet ( new css file as per your requirement) and then add them to skin rule.