Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Optimizing skins

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

Improve the performance of your application in browsers by optimizing skin rules. Skin rules create the CSS for your application, and when you reduce their size and complexity, the application can download and process the CSS file more efficiently.

  1. In the navigation pane of Dev Studio, click Records.
  2. Expand the User Interface category, and then click Skin.
  3. Open the skin that you want to edit.
  4. In the Included styles tab, clear the check boxes representing the components that you do not want to include in the skin.
  5. In the Component styles tab, remove or disable unused formats:
    • To remove a format permanently, delete the format.
    • To remove a format from the application CSS, but keep it for future use, disable the format.
  6. If formats in your application differ only slightly, consider using a CSS helper class instead of a new format.
    For more information, see CSS helper classes.
  7. Click Save.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us