Skip to main content
LinkedIn
Copied!

Table of Contents

Creating a columns layout

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.

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.

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