Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Ravi Sankar 12Ravi Sankar 12 

How to increase the width of lighting quick action

I am trying to increase the width of lightning quick action. Tried many ways by reviewing different blogs. But no luck. Please help.
  
<aura:component controller="MassUpdate" implements="flexipage:availableForRecordHome,flexipage:availableForAllPageTypes,force:hasRecordId,force:lightningQuickActionWithoutHeader" access="global" >
	<aura:attribute name="data" type="customObject__c[]"/>
    <aura:attribute name="columns" type="List"/>
    <aura:attribute name="draftValues" type="Object" default="[]"/>
    <!-- handlers-->
    <aura:handler name="init" value="{!this}" action="{!c.Doit}"/> 
    <ltng:require styles="{!$Resource.Model_Width_Expand + '/main.css'}"/> 
    <div  >
      
        <lightning:datatable
            columns="{!v.columns }"
            data="{!v.data }"
            keyField="Id"    
            onsave="{!c.handleSaveEdition}"                 
        />
    </div> 
   
</aura:component>

 
Best Answer chosen by Ravi Sankar 12
Khan AnasKhan Anas (Salesforce Developers) 
Hi Ravi,

Greetings to you!

You can't override the modal created by the quick action. The height is adjustable by editing the quick action, but the width is fixed. This is intentional so that the quick action will fit on all types of devices, one of the design goals of Lightning.

There are some workarounds but it could break at any time. Please refer to the below links which might help you further with the above requirement.

https://forcepanda.wordpress.com/2019/01/24/how-to-increase-the-width-of-quick-action-modal-popup/

https://developer.salesforce.com/forums/?id=9060G0000005qCtQAI

https://salesforce.stackexchange.com/questions/226016/resizing-of-lightning-page-that-popups-from-quick-action-button

https://developer.salesforce.com/forums/?id=9060G000000BfHPQA0

I hope it helps you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.

Thanks and Regards,
Khan Anas

All Answers

Khan AnasKhan Anas (Salesforce Developers) 
Hi Ravi,

Greetings to you!

You can't override the modal created by the quick action. The height is adjustable by editing the quick action, but the width is fixed. This is intentional so that the quick action will fit on all types of devices, one of the design goals of Lightning.

There are some workarounds but it could break at any time. Please refer to the below links which might help you further with the above requirement.

https://forcepanda.wordpress.com/2019/01/24/how-to-increase-the-width-of-quick-action-modal-popup/

https://developer.salesforce.com/forums/?id=9060G0000005qCtQAI

https://salesforce.stackexchange.com/questions/226016/resizing-of-lightning-page-that-popups-from-quick-action-button

https://developer.salesforce.com/forums/?id=9060G000000BfHPQA0

I hope it helps you.

Kindly let me know if it helps you and close your query by marking it as solved so that it can help others in the future. It will help to keep this community clean.

Thanks and Regards,
Khan Anas
This was selected as the best answer
Ravi Sankar 12Ravi Sankar 12
Thank you Anas. I used below code from this url
https://salesforce.stackexchange.com/questions/226016/resizing-of-lightning-page-that-popups-from-quick-action-button 
<aura:html tag="style">
        .slds-modal__container {
             width : 80% !important;
             max-width : 80% !important;
         }
    </aura:html>