Skip to main content


Building custom UI capabilities

Suggest edit Updated on July 21, 2021

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

    When you create a PDF file by using the Create PDF smart shape in a case type or by using the HTMLtoPDF activity, you can use the pyCompactStylesforPDF compact style sheet instead of the style sheet that the application skin uses. Use this style sheet to generate PDF files and also render certain elements that you cannot render when you use the application skin to generate PDF files.

  • 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.

  • Pega Digital Experience (DX) API

    Pega Digital Experience (DX) API is a set of model-driven API endpoints that enable you to remotely view, create, and update cases and assignments.

  • 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