Adding a CSS class to the list of CSS classes

DEVELOPER

Trail: PROIV Documentation > Developer > PROIV Developer > Developing Functions > Screen Function Components > Adding a CSS Class to the list of CSS Classes

1. Open PROIV Developer and click Administration Suite

2. On the Tools tab, click CSS Class Maintenance.

3. Enter the CSS Class String, description and press Enter. For example, Yellow.
   

   Note: The validation rules for CSS Class string are as follows: The string must start with a letter (uppercase or lowercase). Subsequent characters can be ‘-‘ or alphanumeric.

4. Click Exit.

5. The CSS Class is added to the PROIV system. Alternatively, you can add the CSS Class directly while associating to the PROIV Object. See Configuring CSS for PROIV Dynamic Objects for more information.

6. Ensure you have a customized CSS file with the new CSS Classes.

Sample Code in CSS File for Red

.proiv-TooltipRed {

                        background-color: #ffA0A0;

}

.proiv-StaticTextRed {

                        background-color: #ffA0A0;

}

In case, you add a new CSS Class ‘Yellow’, ensure the CSS file had the code for Yellow color, for example:

.proiv-TooltipYellow {

                        background-color: #E7FF09;

}

.proiv-StaticTextYellow {

                        background-color: #E7FF09;

}

Related Topics:

Overview of CSS

Configuring CSS for PROIV Static and Dynamic Objects

Comment on this topic

Topic ID: 500656