Skip to main content


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

Styling options for Button controls

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

Establishing a consistent look for Button controls in your application saves development time, gives your application a more predictable user interface, and makes it easier for users to complete forms.

  • Designate the format of the Button control to provide a visual cue to users about the button's relative importance. For example, for the Submit button on a form, set the Control format option to Strong as a cue to users that it is the primary action that they can take on the form.

    For more information, see Specifying presentation options for a Button control.

  • Make minor changes to a Button control's placement and styling by using Cascading Style Sheet (CSS) helper classes. For example, you can apply a helper class to center a Button control in a layout or to double its standard margins.

    For more information, see Adjusting cell styling with helper classes.

  • Make more extensive styling changes to Button controls in the application's skin.

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