Select your Language

How to increase the width and height of Quick action Modal width

There are two ways to use it in the lighting component


1. If you want to increase the width of Quick action modal then create the static resource as below and use it in the Lightning component

Create the Static Resources

.slds-modal__container{ width: 85% !important; max-width: 85% !important; }

Lightning code:

<ltng:require styles="{!$Resource.ModalWidthCSS}"/>

==================================================================================

2. Use the below code in the lightning component

 <!--style to incraee width-->

    <aura:html tag="style">

        .slds-modal__container{

        max-width: 80rem !important;

        width:80% !important;

        }

    </aura:html>

    <aura:handler name="init" action ="{!c.doInit}" value="{!this}" />





















For Increase the height of the Quick Action modal:

Go to setup--> object manager --> select object--> Button, Link and Action--> open Quick Action

then set the Height from there





No comments:

Post a Comment