Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

How to align buttons and maintain same width



User requires a Dynamic Layout with one column and two rows, and include a button in each row, each with varying label lengths.
User requires procedure to get the right edges of the buttons to align and all the buttons to be of the same size.


This issue is resolved through the following Local-change: 

The OOTB way to set the same width to all the buttons within a layout is by creating/modifying the skin rule. The same is decribed as below: 

1. Add a new format "MyFormat" for the button component under the OOTB pyEndUser71 skin rule

2. Select MyFormat and set the width of the button to say 200 px :

3. Set the new button format for the buttons :

4. Following is the output:
Suggest Edit

Published June 10, 2015 - Updated October 8, 2020

Did you find this content helpful? Yes No

100% found this useful

Have a question? Get answers now.

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

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us