Skip to main content


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

Application UI setup

Updated on October 21, 2022
Applicable to Cosmos React and Theme Cosmos applications

When building a new application, you can choose the view-based Cosmos React UI or the section-based, server-rendered Theme Cosmos UI that can also support view-based portal landing pages. You can check which UI your application is using to better understand the tools at your disposal.

You can check your UI setup by opening the Definition landing page in Dev Studio and looking at the Built on applications and UI Runtime sections. Note: For more information on accessing and reviewing the application definition, see Exploring the application definition.

Location of the Built on applications and UI Runtime sections on the Definition page
The Built on applications section is at the top of the definition page. The UI runtime is in the Advanced node.

The following table presents how you can read the values of fields on the Definition page to determine your UI environment.

Field values on the Definition tab and the application UI setup

UI RuntimeBuilt on applicationsUse react-based landing pages flagUI setup
React-based UIAnyNot applicableView-based architecture with Cosmos React.

For configuration details, see Cosmos React.

Server-rendered UITheme-CosmosSection-based architecture with Theme Cosmos but without hybrid landing pages.

For portal configuration, see Building portals. For other components, see Theme Cosmos.

Server-rendered UITheme-CosmosHybrid Theme Cosmos UI. Except for the landing pages, your UI is section-based and follows classic Pega configuration.

For configuration details, see Theme Cosmos and Hybrid mode.

Server-rendered UIUIKitNot applicableSection-based architecture with a classic Theme UI-Kit design system.

For configuration details, see Theme UI Kit.

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