Skip to main content
LinkedIn
Copied!

Updating Pega Customer Service skin rule

If you update from Pega Customer Service version 8.2 or earlier, and you notice user interface (UI) issues, such as inconsistent styling, when launching customer interactions and service cases, complete the following steps to resolve the issue.

If you are using an industry version of Pega Customer Service, perform this task from the industry implementation application, and not from the Pega Customer Service application.
  1. Log in to your implementation application.

  2. In your implementation application layer, create a new skin rule with inheritance to the CSEndUser skin rule:

    1. In the header of Dev Studio, click Records.

    2. Expand the User Interface category, and then click Skin.

    3. Click Create.

    4. In the Label field, enter the new skin rule name.

    5. In the Skin Record Configuration section, under Additional creation options, select CSEndUser from the Existing skin to inherit component formats & mixins from list.

    6. Click Create and open.

  3. Update the custom presets and the additional style sheets in the new skin rule to match the values of the existing skin rule for your implementation application:

    1. In the new skin rule, click the Included styles tab.

    2. In the Component CSS support section, in the Support presets list, select Custom.

    3. In the header of Dev Studio, click the name of the application, and then click Skin.

      The skin rule for your implementation application opens in a new tab.
    4. In the implementation skin rule, click the Included styles tab.

    5. In the implementation skin rule, review the selected options, and then update the presets of the new skin rule to match.

    6. Collapse the Component CSS support section of the tab.

    7. In the Additional style sheets section of the tab, review the selections for each skin rule, and update the new skin rule to match your implementation skin rule.

    8. Save the new skin rule by clicking Save.

  4. If you have overridden formats and styles in the implementation skin rule, add those overrides to the new skin rule:

    1. Open the implementation skin rule as described earlier in this procedure.

    2. Review the following tabs and sections to check for overrides:

      • On the Component styles tab, in the Dynamic Layouts section, review the My Formats section.
      • On the Component styles tab, review the other style links on the left side of the page (for example, the Controls styles) to check for overrides.
      • On the Mixins tab, review the the My Mixins section.
      • On the Base settings tab, review the selected options.
    3. Update the new skin rule to match the component styles, mixins, and base settings of the implementation skin rule.

      For more information, see Skins.
    1. Click Save.

  5. Update your application definition to use the new skin rule:

    1. In the header of Dev Studio, click the name of the application, and then click Definition.

    2. In the Presentation section, select the new skin rule.

    3. Click Save.

  6. Verify that the UI issues no longer occur.

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