Skip to main content


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

Creating a dynamic layout

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

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