Skip to main content

Table of Contents

Creating a dynamic layout

Applicable to Theme UI-Kit applications

A Dynamic layout is a DIV-based layout that allows for highly flexible display of content.

  1. Search for and open an existing Section form.

  2. On the Design tab, expand the Structural list, and then drag the Dynamic layout onto the work area.

  3. In the Dynamic layout header, click the View properties icon.

  4. In the Properties window, specify the layout format:

    • Select one of the default formats.
    • To use a custom layout format that is defined in the skin, select Other and then specify the custom format in the adjacent field.
  5. In the Visibility field, select when you want to display the Dynamic layout:

    • Select one of the default options.
    • To create your own condition, select Condition (expression) and click the Open condition builder icon.
  6. Click Submit.

The UI Gallery landing page contains a working example of the Dynamic layout. For more information, see UI Gallery landing page.
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