Skip to main content


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

Edit user interfaces in App Studio (8.1)

Updated on May 3, 2021

App Studio provides access the core features of Pega Platform. Business users, data engineers, and front-end developers, can design cases, manage data, and define the user experience for your application.

Save development time by editing tables at run time

You can now edit tables at run time. Editing tables at run time provides you with the flexibility to update table layouts as you process cases.

For tables that have been configured to allow editing in App Studio, you can perform the following editing functions:

  • Specify a visual style for the table, for example, spreadsheet or list report
  • Change the table title
  • Set the table pagination
  • Add and remove columns
  • Modify column header titles
  • Resize and reorder columns
  • Specify minimum and maximum column widths

By editing tables in App Studio, rather than switching to Dev Studio, you also save development time.

The following figure illustrates the editing options available from the Table properties panel.

Thumbnail

Table editing options at run time

For more information, see Configuring a table at run time.

Style your applications consistently with new themes in App Studio

Several new themes have been added to App Studio. The themes determine the default colors for elements in your user interface, such as buttons and links, as well as your typography.

You can see the colors and typographic elements associated with each theme by clicking a theme name on the Theme page in App Studio Settings.

By selecting a theme in App Studio, you can quickly apply a consistent style to your application and save development time by not having to edit the application skin in Dev Studio.

The Zen and Nimble themes have been removed. If your application was using one of these themes, update the inherited skin in your application skin to pyEndUser_ExpressDefault.

The following figure illustrates the theme settings in App Studio.

Thumbnail

New themes in App Studio

For more information, see Changing your theme.

Update control label formats flexibly at run time

In App Studio, when you edit a control in real time, you can now select a new label format for the control or edit the currently selected label format. This option provides flexibility to update control labels in real time as you process cases.

  • When you select a new label format for a control, your changes are applied only to the control on the form that you are editing.
  • When you edit a label format for a control, your changes are applied to all controls that use the style throughout the application.

The following figures illustrate the label formatting options on the properties panel for a Text input control.​​​​​​

Thumbnail

Run-time editing options for label formats

For more information, see Styling controls at run time.

  • Previous topic Find and fix issues by using the Accessibility Inspector
  • Next topic Use new capabilities for front-end developers (8.1)

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.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us