Skip to main content

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

Theme Cosmos

Updated on December 13, 2022

Theme Cosmos applications feature a consistent and familiar section-based UI that helps your business build a strong presence across technologies and channels. By basing an application on Theme Cosmos, you gain access to a library of low-code components that require less effort to use and maintain.

The default component library

Theme Cosmos is a section-based version of the Cosmos design system that helps you build powerful case management applications in compliance with Pega Platform best practices and guidelines. By relying on a library of ready-to-use templates, patterns, and themes, Theme Cosmos helps you reduce development effort and focus on your section-based application.

Note: In the 8.6 version of Pega Platform, Theme Cosmos is the default and recommended option. For more information on other UI types, see Cosmos React (early adopter), Theme UI-Kit (legacy), and Understanding UI Capabilities in Pega 8.6.

Hybrid mode

In addition, Theme Cosmos applications can work in hybrid mode, a mixed architecture that supports React-based portal authoring and tables in an otherwise section-based UI. This approach produces a more efficient and dynamic interface, while leaving most Pega Platform functionalities unchanged. The mixed architecture of the hybrid mode helps you prepare your application for future changes.

For more information, see Hybrid mode.

  • Learning about core user interface principles

    Before you start creating the user interface in your application, learn about the available tools, best practices, and the basic principles that drive user experience design.

  • Configuring portals

    Portals represent the main interface of your application, and provide users, such as case workers, managers, and customers, with the tools that they need to do their work. By configuring portals, you can set up an optimal environment for each of these user groups with minimal effort.

  • Working with App Studio forms

    Use App Studio to customize the out-of-the-box forms that capture user input in cases, and achieve quick results with minimal effort. When you organize the fields in a form, you can clearly communicate to users what tasks they need to perform to process an assignment in a case.

  • Working with Dev Studio forms

    Forms capture information that your application needs to process cases. By configuring intuitive forms in Dev Studio, you can help your users understand the tasks that they need to perform.

  • Using business logic to drive user experience

    Build an interface whose behavior changes depending on the needs of its users. By applying business logic to UI design, you can ensure that users see only the information that they need, and interact only with the functions that are relevant to them, which improves usability and saves time.

  • Styling your application with design systems

    Design systems help you introduce consistency to the applications that you build. By choosing to use a design system, you can scale your designs to maintain a unified presence across a number of platforms with less effort.

  • Debugging your UI

    Debug your UI efficiently by directly modifying interface elements that are rendered on the current page. The Live UI tool helps you make quick UI adjustments at run time and publish or discard your changes immediately.

  • Localizing your application

    Localizing your application helps users work in their preferred language, which improves their experience and ensures a better understanding of the product. By localizing an application, you can expand your operations to new markets regardless of language barriers.

  • Configuring an accessible UI

    Reach the broadest audience for your application by building a user interface that addresses the needs of users with disabilities. Designing a UI for assistive technologies, such as screen readers, is important for compliance and provides essential access to users who have visual impairments.

  • Building custom UI capabilities

    Dev Studio offers a number of tools that you can use to further customize your application.

  • Hybrid mode

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

  • Next topic Learning about core user interface principles

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