Skip to main content

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

Configuring Pega Platform for Cosmos React UI

Updated on February 7, 2022

Gain access to the new run-time framework by configuring Cosmos React UI. To make your development environment compatible with Cosmos React UI, configure system settings in Pega Platform.

Note: You do not have to configure Pega Platform for Cosmos React UI if you use Pega Cloud. In Pega Cloud, the system configures automatically during deployment.
To use Cosmos React UI in App Studio for building an application, update the component palettes and property panes with data from the Cosmos React UI service. The data is exported automatically through the REST API when you start the Docker container, but you must enable the REST API, and set up a Cosmos React UI service URL.

When you select Support React-based UI, Pega Platform generates a new cookie, Pega-AAT, to speed up stateless REST calls.

The dynamic system settings are not application specific. All nodes connected to the database with dynamic system settings inherit these settings.

Two dynamic system settings apply if you select Support React-based UI:

  • constellation/cacheReadOnlyDataPages – All read-only data pages are cached by default.
  • constellation/readOnlyDataPagesCacheSize – Enables modifying the cache size of read-only data pages.

One dynamic system setting applies if you do not select Support React-based UI:

  • constellation/cacheReadOnlyDataPages – All read-only data pages disable the custom cache size.
Before you begin: Review the process of implementing Cosmos React UI on your system. For more information, see Implementing Cosmos React UI in Pega Platform.
  1. In the navigation pane of Dev Studio, click Records.

  2. Expand the SysAdmin category, and then click Dynamic System Settings.

  3. Open the pega-uiengine!cosmosservicesuri system setting.

  4. On the Settings tab, in the Value field, enter the React UI service URL:

    • For systems with load balancers, enter /prweb/constellation, and then click Save.
    • For simple systems, enter https://<localhost>:<port>/prweb/constellation, and then click Save.

      The variables have the following values:

      • <localhost> is the URL address of your host.
      • <port> is the port number used for the React UI service.
  5. Click Save.

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

Close Deprecation Notice
Contact us