Deliver clean and responsive user interface design in a simple yet elegant format.
The user interface for an application can take into account the environment, the domain knowledge of your users, and the skills, locale, and language of a user. The appearance, branding, and interaction dynamics of your user interface can match the context and language that is natural to your application's users.
Once you've designed your application, begin development of the user interface.
User interface - Concepts and terms
Adding a layout in a harness or section
Applying a skin to your application
Creating a portal
Adding a Dynamic layout
Adding a Tree Grid layout
UI Gallery landing page
After you design your application, you can begin to develop the user interface. Learn about the basics of adding portals, skins, layouts, and controls that add functionality to your application.
Customizing your application
Customize your application to your exact specifications.
Refreshing the parent screen when its secondary pop-up window
Using the Live UI tool
Customizing the Pega 7 login screen
Displaying a list of recent items in your application
Quick Start: Adding a file to the Image Library
Using custom webfonts in your Pega 7 application
Designing a modal validation error message on a read-only
Building for responsiveness on any device is key in user interface design. Learn more about how Pega helps you create your own modern, responsive UI in your applications.
The Skin rule is designed to enable reuse and cascading change throughout your application Skin. Use skins to keep your application consistent and drive effiency in UI design.
Guardrails & best practices
Learn more about guardrails and best practices for designing user interfaces in Pega.
Automatically upgrade smart layouts to dynamic layouts
Usability Guardrails and UI Design Tips
Upgrading your application to HTML5 Document Type (standards mode)
Customizing layout styles in the Skin form
Adding a Test ID for unique identification of UI elements during testing
Accessibility is a crucial part of designing a user experience. The Pega 7 Platform user interface includes features and capabilities that enable everyone to use the applications you create.
Creating non-auto generated controls requires markup that contains specific attributes to represent events and actions. When these attributes are used, the Pega 7 Platform routes actions and events through the same infrastructure as the auto-generated controls.
Build and validate your skills
Find the training that works for you and invest in your success.
Get the help you need
Search support articles, community posts, and open support requests.
Watch the latest videos
Browse our growing video library and maximize your Pega investment.