Skip to main content

 –

Configuring a column-based landing page

Suggest edit Updated on December 1, 2021
Applicable to Cosmos React and Theme Cosmos applications

Help users work more efficiently by aligning landing pages with the latest needs of your business. You can quickly rework landing pages to present users with the information they need in a friendly, intuitive interface that uses prefabricated, low-code components.

Before you begin: Prepare the configurable components:
  1. Open the page that you want to edit:
    1. In the navigation pane of App Studio, click Channels.
    2. In the Current channel interfaces section, click the icon that represents the portal with the page that you want to edit.
    3. On the portal page, on the Content tab, click the Landing pages category.
    4. In the Landing pages pane on the left side of the screen, click the page that you want to edit.
  2. Edit the page by doing any of the following actions:
    • To change the name of the page, in the Page title field, enter the updated page name.
    • To change the icon associated with the page, click Choose icon, and then select an image that you want to use.
    • To change the page template, click Edit, and then click the template that you want to apply to the view.
    • To add a widget, view, an insight to the page, click Add, and then select the UI component that you want to add.Note: The view menu contains list views that you defined in the application.
    • To change the position of a widget or a view on the page, drag the component into place.
    • To remove a widget or a view from the page, click Remove.
For example:

In this scenario, the view uses a two-column template.

A sample two-column view at run time
The view contains fields for user data, a boolean that informs the app about a second
            applicant, and attachment fields.
Did you find this content helpful? YesNo

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.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us