Skip to main content


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

Styling a layout

Updated on November 15, 2021
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:
    ChoicesActions
    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.

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