Web UI Framework

How to Activate UI Development Mode

Updated: October 16, 2020

The following steps will allow you to activate the UI development mode. This mode displays additional information about rendered layouts/widgets.

  1. Set up the dev mode, the process is detailed on the page Supporting Hot Reload.
  2. Click on the link Activate UI Development Mode.
  3. To get the information of an element in the UI, keep the 'shift' key pressed and mouse hover the element you are looking for. A panel will display the information at the bottom of the page. This is very useful when you want to know the id of an element or its category.