Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Customizing App Studio

Updated on May 31, 2019

The App Studio explorer is built using the data driven UI framework. To learn more about this framework, please read the article Data-driven UI framework.

The abstract class Pega-Ext-ExpExplorer is extended from Pega-Ext to build the App Studio explorer. The four default tabs seen on the App Explorer are subclasses under Pega-Ext-ExpExplorer.


            Case items are dynamic


            Data items are dynamic








Add extensions

To extend App Studio explorer, add an abstract under Pega-Ext-ExpExplorer. Follow the steps detailed out in the Data driven UI framework article. Ensure you place the class at the correct depth to ensure that the page shows up at the correct depth.

App Studio class hierarchy
Sub classes of Settings and Users
Explorer panel
Sliders and Explorer tabs

Implementation details

A dynamic container is used to launch the extensions in a landing page. At most, there will be two landing page tabs. The default page is LiveComposer which is the case manager/user portal in edit mode. The other tab is EditModeExpressTab which is used to open pages such as case and theme. If an extension landing page is clicked, it will replace the content in EditModeExpressTab.

To configure this behavior for the extension, make the following edits in pyExpExplorerSliderLabel.

  1. Add the exp.Slider.closeSlider run script to close the slider.
    Run Script
  2. Configure Launch Harness action to label control.
    Launch Harness
  3. Enter tab name as EditModeExpressTab.
  4. Use the template harness pzExpressLPHarness to create your own harness.
  5. Set the data transform as pzSetExpressSkinForEditMode to override the end user skin.
  6. Set the activity pzPreLPActivity as the preprocessing activity before launching your landing page.

Extension points

  1. Override pyExpressLPHeaderTitle to populate the landing page header dynamically.
  2. Override pyExpressLPContentTemplate to show custom content in your landing page.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

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