How to increase width and height of a quick action modal window in Lightning Experience

How to increase the width of Quick action Modal/Popup, quick action width salesforce, salesforce quick action width, modify modal popup width lightning, lightning popup width

To increase width of a quick action modal window in Lightning Experience for aura components you can do it in two ways, the very first one is overriding rendering style using aura:html in component markup itself.

 .slds-modal__container {
 margin: 0 auto;
 width: 100%;
 max-width: 90rem;
 min-width: 30rem;
 }

Other way of increasing the width is you can add the same code in a css file in static resource and load them into the aura component using

<ltng:require styles=”{!$Resource.YOUR_CSS_FILE}”/>

you can go for the 2nd workaround if in case your need is to have the same width for more than one lightning quick action but in quick action you can’t override the modal height in code despite you can increase the modal window height while creating an action under the salesforce object

 

How to increase the width of Quick action Modal/Popup, quick action width salesforce, salesforce quick action width, modify modal popup width lightning, lightning popup width

Be the first to comment

Leave a Reply

Your email address will not be published.


*