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.
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 Runtime||Built on applications||Use react-based landing pages flag||UI setup|
|React-based UI||Any||Not applicable||View-based architecture with Cosmos React.|
For configuration details, see Cosmos React.
|Server-rendered UI||Theme-Cosmos||❌||Section-based architecture with Theme Cosmos but without hybrid landing pages.|
|Server-rendered UI||Theme-Cosmos||✔||Hybrid Theme Cosmos UI. Except for the landing pages, your UI is section-based and follows classic Pega configuration.|
|Server-rendered UI||UIKit||Not applicable||Section-based architecture with a classic Theme UI-Kit design system. |
For configuration details, see Theme UI Kit.