You can style many types of controls at run time in App Studio, rather
than switching to Dev Studio and modifying the application skin. For
example, for drop-down controls, you can specify text color, background fill and color, and
border width and color. When you style controls directly in App Studio, you can
save development time and reduce maintenance work.
Changes are applied to all controls that use this style throughout the application. For
example, when you style a drop-down control called Status, your
styling changes are applied to all the drop-down controls that use the
Status format throughout your application.
-
To create a case, select a case type name from the New
menu.
-
On the lower right corner of the screen, click the Open runtime
toolbar icon, and then click Turn editing on.
-
On the toolbar, turn on design mode by clicking the Toggle design
mode icon (the square icon).
-
On a form with the type of control that you want to style, click the
Configure this view
icon for the section that
contains the control.
-
Click the Edit this field icon for a control of the appropriate
type.
-
To specify the control format, complete the following steps:
-
On the properties panel for the control, click Edit next to
the Control format field.
-
On the styling panel that is displayed, set the formatting options, click
Apply, and then close the panel.
-
To specify the label format, complete the following steps:
-
On the properties panel, click Edit next to the
Label format field.
-
On the styling panel that is displayed, set the formatting options, click
Apply, and then close the panel.
-
On the properties panel, click
Apply, and then close the
panel.
-
On the Configure form panel, click X to
close the run-time configuration panel.
Result: To see a step-by-step example, search for the article Styling controls at
run time on Pega Community.