Apex Code Development You need to sign in to do that
Don't have an account?
Ravi 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>
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
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
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>