Have you ever wanted to build your own side panel, similar to the Live UI, Localization Inspector and Agile Workbench panels?
A panel can be visualized as three layers:
The Panel Content is the view that the user sees on the screen. Ideally this would be a section or html data that is displayed to the user.
The Panel Dock is a layer that holds a series of panel contents (or panels).
The Panel Layout is a layer that holds various docks. There is currently only a ‘right dock’ to display content on the right side of the screen. In the future this could be expanded to show a panel dock for each region of a screen including Top, Right, Bottom and Left.
The following code sample can be used to create a new basic panel. The code also tells the panel manager to place it in the right dock:
The screenshot below shows the various Pega panel classes used for the existing panels in Pega: