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 front-end UI library that helps you build powerful
case management applications in compliance with Pega Platform
best practices and guidelines. By relying on ready-to-use templates, patterns, and
themes, Theme Cosmos helps you reduce development effort and focus on
the needs of your business. In addition, a more modern design and increased focus on
intuitiveness help save time on application updates and user training.
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 Cosmos React 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.
Next topic Learning about core user interface principles