Edit user interfaces in App Studio (8.1)
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.
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.
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.
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)