Skip to main content
LinkedIn
Copied!

Table of Contents

Modifying existing mixins

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:

    If your skin does not use inheritance, the Inherited tab is not available. For more information, see Creating skins.
    Choices Actions
    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 Actions Override .

    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 Actions Update details , and then provide the new information.

  6. Click Save.

Did you find this content helpful?

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us