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

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.

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

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.