Skip to main content


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

Creating a columns layout

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

A Columns layout provides the ability to display main content, such as a work item, alongside supporting content, such as an attachment.

Use columns layout to display primary and related supporting content, for example, a product description in the main window and price and sizing details in the sidebar. The main area of the columns layout responsively stretches to fit the available screen space and the sidebars have set width.

For information about modifying the presentation of theColumns layout using the skin.

Note: Changes in the column layout format in the skin automatically affect all sections that use that format.
You can modify specific Columns layout instances by using the Presentation tab in the Properties window. See Modifying the presentation options of the Columns layout.

  1. Search for and open an existing Section form.
  2. On the Design tab, expand the Structural list, and then drag the Columns onto the work area.
  3. To include elements in the group, expand the Structural list, and then drag any number of dynamic layout, column, or section elements onto the layout group.
  4. Click the Columns header, and then click the View properties icon.
  5. In the Properties window, select a Column template:
  6. In the Column format field, select a format by pressing the Down arrow key.
    The available formats are dependent on the column template that you selected.
    • Select one of the default formats.
    • To use a custom column format that is defined in the skin, select Other and then specify the custom format in the adjacent field.
  7. In the Visibility field, select when you want to display the Columns layout:
    • Select one of the default options.
    • To create your own condition, select Condition (expression)Other and click the Open condition builder icon.
  8. Click Submit.
  • Previous topic Adding a when rule to a layout group
  • Next topic Modifying the presentation options of the Columns layout

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