4

I have a lightning quick action using aura with lwc as child component.

 <aura:component implements="force:lightningQuickActionWithoutHeader,force:hasRecordId">
    <aura:html tag="style">
        .cuf-content {
        padding: 0 0rem !important;
        }
        .slds-p-around--medium {
        padding: 0rem !important;
        }
        .slds-modal__content{
        overflow-y:hidden !important;
        height:unset !important;
        max-height:unset !important;     
        }
    </aura:html>
  
   <c:customLeadConversion recordId="{!v.recordId}"/> 
    
</aura:component>

Child LWC HTML:

<template>
    <header class="slds-modal__header">
        <h2 id="modal-heading-01" class="slds-modal__title slds-hyphenate">Convert Lead</h2>
        </header>
        <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
            
        </div>
        <footer class="slds-modal__footer">
        <button class="slds-button slds-button_neutral" onclick={cancel}>Cancel</button>
        <button class="slds-button slds-button_brand" onclick={save}>
          Convert
        </button>
        </footer>
</template>

Can anyone here help me how to increase the width of the modal? TIA

1 Answer 1

6

This usually works for me

<aura:html tag="style"> .slds-modal__container { min-width: 90vw; } </aura:html>

1
  • 1
    you freaking lifesaver! was following this stupid workaround article which was so convoluted and didn't help me close the LWC modal santanuatonline.com/…
    – compski
    May 7, 2021 at 6:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.