Skip to main content

 –

Styling a layout

Suggest edit Updated on July 21, 2021

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.

Did you find this content helpful? YesNo

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.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us