Skip to main content


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

Configuring a screen layout

Updated on December 13, 2022
Applicable to Theme Cosmos applications

Determine the purpose of each area of the screen layout and identify the section to be placed in each area. When you create a new harness, the application populates it with a default screen layout, which you can reorganize conveniently by using one of the out-of-the-box templates.

A screen layout comprises at least a main area, and often includes additional regions, each identified by position, for example a header or a footer. Each region in a screen layout can contain a single section.

  1. Open the harness that you want to modify.
  2. Click the Screen layout, and then click the View properties icon.
  3. On the General tab, select a screen layout format, such as Header footer right, and click Submit.
  4. On the Harness form, drag a section into each region of the screen layout and complete the property panel for each region of the screen layout.
  5. Optional: To allow users to resize the screen layout, in the Panel properties dialog box for each region of the screen layout, select the User resizable check box.
  • Screen layout - Region properties - General tab

    Click the View properties icon in the header of the region of the screen layout to display the Properties panel for that region.

  • Upgrading panel sets to screen layouts

    As a best practice, upgrade deprecated panel sets to screen layouts. Existing panel sets continue to function, but you cannot create a new panel set in applications rendered in HTML 5 document type (standards mode). Screen layouts are available only to user interfaces rendered in HTML 5 document type (standards mode).

  • Previous topic Enabling additional hierarchical table settings
  • Next topic Screen layout - Region properties - General tab

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