Skip to main content


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

Adding inheritance to an existing skin

Updated on December 13, 2022
Applicable to Theme Cosmos applications

Share design patterns between skins by using inheritance. When you define a parent for your skin, all the parent style formats, mixins, and CSS style sheets become available to the dependent skin, with changes to the parent cascading automatically to the dependent.

For example, you can create a skin that includes styles that are the same throughout the organization, and have that skin serve as a parent for more detailed department skins to reduce the number of repetitive configurations.

  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. On the Inheritance tab, in the Skin inheritance section, click Add skin to inherit from.
  5. In the new field, select the skin from which you want to inherit design patterns.
    Result: The skin that you select becomes the parent of the current skin. The full inheritance stack, including the skins from which the parent inherits, appears in the Calculated inheritance order section.
  6. In the upper right corner of the skin tab, 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