Skip to main content

Table of Contents

Styling a layout

Applicable to Theme UI-Kit applications

Customize the appearance of your interface by attaching style formats to layouts. Layout style formats contain settings that define the look of section elements such as borders, backgrounds, and text. By using out-of-the-box or custom style formats throughout your application, you can create a consistent user interface with less effort.

  1. In the navigation pane of Dev Studio, click Records.

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

  3. Open the section whose layout you want to edit.

  4. Attach the style format to the layout:

    Choices Actions
    Templated section
    1. On the Design tab, in the configuration pane on the right side of the window, hover over the region that you want to style, and then click Edit region.

    2. Select Override default region settings.

    3. In the Container format field, select Other.

    4. In the field that appears, select the style format for the region.

    5. Click Submit.

    6. If you want to style another region in the template, repeat steps 4.a to 4.e for that region.

    Non-templated section
    1. On the Design tab, click the section that you want to style, and then click the View properties icon.

    2. In the Layout format list, select the format that you want to apply to the section.

    3. If you want to use a format that is not on the list, select Other, and then select the format for the section.

    4. Click Submit.

  5. 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