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

min-width on modal buttons not working as expected

SA-32711

Summary



Minimum width on button is not working when the button is visible on a modal dialog being called via a local action, the modal buttons are out of proportion.


Error Messages



Not Applicable


Steps to Reproduce

  1. Add min-width:XXXpx to standard button format in skin.
  2. Configure asection to be open in modaldialo with default modal dialog ok/cancel button.
  3. Run case an dluanch modal dialog.
  4. Observe modal dialog button width is more as compared to other buttons present in harness.


Root Cause



A software use or operation error

User has added 106px min-width to button style in skin rule.


Button in modal dialog is a non-auto generated button and code generation is different compared to autogenerated button.
Non-auto generated button displays button in table with three cells(left, middle and right) , so when adding min-width to button format, it is applied to three cells at a time and result is button width is more

Where as in autogenerated control, it has only a button in a span, so style is appended only to that button.

Non-Auto generated button(pzModalButton)


AutoGenerated button(pxButton)



Resolution



Perform the following local-change:

1.Need to modify corresponding css as mentioned in below SA atricle

https://pdn.pega.com/support-articles/css-defined-application-skin-not-applied-modal-button

Or

2.Do not modify OOTB styles(mostly for width/height/margin/padding) and create new button format , use the new format application wide . With this final rule, non-auto buttons will not be affected.


Suggest Edit

Published February 4, 2017 - Updated October 8, 2020

Did you find this content helpful? Yes No

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