Skip to main content


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

Modifying existing mixins

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

Change the visual style of your application by modifying mixins. After you make a change, the reusable style patterns that you define in a mixin automatically cascade throughout all elements in the skin that use the mixin, which improves the visual coherence of your interface.

  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 Mixins tab, modify the mixin:
    Note: If your skin does not use inheritance, the Inherited tab is not available. For more information, see Creating skins.
    ChoicesActions
    Inherited mixins
    1. On the Inherited tab, click the mixin that you want to edit.
    2. In the settings pane in the middle of the screen, click ActionsOverride.
    3. In the settings pane in the middle of the window, define the new mixin format.
      When you override a mixin, the system moves it from the Inherited tab to the My Mixins tab.
    Custom mixins
    1. On the My Mixin tab, click the mixin that you want to edit.
    2. In the settings pane in the middle of the window, define the new mixin format.
  5. Optional: To change the name and description of a mixin, click ActionsUpdate details, and then provide the new information.
  6. 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