Skip to main content


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

Hybrid mode

Updated on October 17, 2022
Applicable to Theme Cosmos applications

The hybrid mode in Theme Cosmos blends the speed and look of selected section-based capabilities into the existing Pega Platform architecture. By supporting a mixed architecture, the hybrid mode helps you to progressively prepare your application for future changes.

Note: Cosmos React UI is not available for the Personal Edition version of Pega Platform.

Hybrid architecture

Applications with a traditional architecture support a hybrid design that causes the UI to take on certain Cosmos React functionalities in an otherwise section-based UI. When you enable hybrid mode, most components retain the classic server-side rendering, but portal authoring components and tables use an updated client-side technology.

When creating a new application, you can choose between a traditional, section-based UI architecture or a Cosmos React application. Traditional applications can use hybrid mode, or a standard architecture with sections only. For more guidance on how to choose a UI, see UI version comparison.

For more information on other UI architectures, see Cosmos React.

Availability

For Pega Cloud customers, the regional multitenant Constellation UI Service service is automatically configured during Pega Infinity deployment. There is no need for you to install or configure the engine.

For an on-premises or a customer cloud installation, one installation (for example, one pod) can handle static content requests from all Pega Infinity deployments for the organisation.

For more information about the service, see the Constellation UI static content delivery service site for advanced developer documentation.

Enabling hybrid mode

Modernize landing pages in your applications by enabling a hybrid architecture for your application. The React library uses client-side rendering to produce a more efficient and dynamic interface.

Before you begin: Prepare for Constellation UI Service:
  • Review the process of implementing the Constellation UI Service on your system. For more information, see Hybrid mode.
  • Ensure that Pega Infinity is using a secure HTTPS protocol.
Theme Cosmos applications support a hybrid design that causes the UI to take on certain Cosmos React functionalities in an otherwise section-based UI. When you enable Theme Cosmos, most components retain the classic server-side rendering, but portal authoring components and tables use an updated client-side technology.
Note:
  • When you enable React components, security settings change in the background. To improve your application security, you can use only authentication mechanisms with unified authentication scheme (PRAuth). If you want to use the React UI library, a custom authentication scheme is not supported.
  • Some browsers might not support React components. For more information about browser compatibility, see Pega Platform Client Operating System and Browser Support.
  1. In the header of Dev Studio, click the name of the application, and then click Definition.
  2. Expand the Advanced section, and click Server rendered UI, and then click Save.
    Enabling the hybrid mode in Dev Studio
    Application definition with Server rendered UI option enabled.
    Result: You can now build React-based landing pages in the application.

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