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.

The Live UI tool assists you in debugging your interface by giving you a great level of control over the UI. For example, you can access individual rules, navigate a hierarchy of rules, and perform actions in bulk. You can edit fine details of sections and layouts by moving or editing such elements as links or icons.

For a collection of UI-specific troubleshooting information, see Troubleshooting user interface issues

Discover more about debugging your UI in the following articles:

• Live UI

  Live UI helps citizen developers make adjustments to the user interface in a more intuitive manner. When you use the Live UI tool, you can inspect the UI components on your screen, and access basic actions and settings for each element. This approach gives users with less technical experience a convenient tool for fixing small UI issues.

• Using PAL

  Improve the performance of your application with insights from the Performance Analyzer of Logs (PAL) tool. For example, you can use the PAL tool to measure the amount of system resources that your application uses when processing a single requestor session.

• Browser developer tools

  The developer tools in your browser help you examine, edit, and debug the HTML, CSS, and JavaScript code on the page on which you run your application. With these tools, you can also inspect which assets the page requested and how long they loaded.

• Tools for testing the UI

  Testing the user interface at the development stage helps you ensure that your application works as expected. Pega Platform includes tools for setting up end-to-end scenario tests, as well as a Selenium-based starter kit for CRM.