Support Article
How to align buttons and maintain same width
SA-10322
Summary
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.
Resolution
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:
Published June 10, 2015 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.