function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Vishwas B NVishwas B N 

How to expand the scope of the SLDS modal

Hi Team,

We are trying to call a modal component with in a modal component in LWC code. The child modal component scope is limited to the component it is called from, hence we see the background parent modalChild Modalcolour difference in UI. Can you suggest how can we set the scope of the child modal to full width.

Please find the attached UI screen shot for reference.

 

 

 

Parent Modal


Child Modal

CharuDuttCharuDutt
HIi  Vishwas B N

You Can Apply This CSS  To Your CodeTo Change The Width Of SLDS Modal
But Make Sure this  Class "slds-modal__container" is In Your Modal Body
  
.slds-modal__container {
  max-width: 70rem !important;
  width: 70% !important;
}
Please Mark It As Best Answer If It Helps
Thank You!