Skip to main content


Building custom UI capabilities

Suggest edit Updated on December 1, 2021
Applicable to Theme Cosmos applications

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

Compared to low-code and out-of-the-box components, unique solutions such as custom JavaScript and HTML rules provide higher flexibility at the cost of greater development and maintenance effort.

Features like mashups or Digital Experience (DX) API cater to more sophisticated and specific business requirements. While mashups help you embed Pega-based content in your application, DX API takes a step further and helps you make use of a variety of Pega Platform capabilities, such as case management, within your custom front-end solution.
Case processing embedded in a custom front end with DX API
Case processing embedded in a custom front end. Includes fields for personal
                    information and a summary of case details.

Discover more about custom capabilities in the following articles:

  • Generating PDFs from your UI

    Provide your users with tools to import case information to their own devices. By configuring an out-of-the-box activity to convert case data to a PDF file, you help users access and archive information that is related to their cases with less effort and at any time.

  • Creating PDF files by using a compact style sheet

    Accelerate the creation of PDF files and improve rendering of their components by using compact style sheets.

  • Creating auto-generated custom controls

    Expand the functionality of your application by adding no-code, auto-generated controls to your user interface. Auto-generated controls are custom controls that use standard controls as templates, and you can integrate them with your application with minimal effort.

  • Development of web self-service interface

    When you use Pega’s user interface in your existing self-service application, your customers can directly perform tasks in a Pega application. By providing customers with constant access to the information and actions that they seek, you enhance user experience and reduce the number of direct contacts with the call center.

  • Pega web mashups for embedding Pega Platform UI in external web pages

    You can choose parts of Pega Platform UI that are most suited to your business needs and make them available to users of your websites by creating a mashup. When you use mashups, you save development time and make your web application more engaging, varied, and functional.

  • PCore and PConnect Public APIs

    The Constellation architecture orchestrates the connection between the Pega Infinity Server and the front-end design system that is used to render the application’s user interface with the DX APIs.

  • Custom JavaScript in application design

    You can add custom JavaScript to supplement the standard Pega Platform JavaScript code to meet specific design or usage requirements for your application. For example, you can use custom scripts to modify the content of an HTML document dynamically, add custom client-side validation scripts, error messages, and more.

Did you find this content helpful? YesNo

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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