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
WalidWalid 

How to display a Lightning Component that is launched from a Quick Action as 100% width?

Hi there,

I built a Lightning Component that is supposed to be launched from an Object Quick Action button. Unfortunately, the width of the Lightning Component is the default width of a quick action (50% I guess. How can I make the wodth of the component 100%?

I tried to add this to the cmp file, but the latest API doesn't allow the <Style> tag anymore in the cmp file:
  
<style>
       .slds-modal__container{
            max-width: 100% !important;
            width:100% !important;
       }
</style>

I also tried to add it to the CSS file: 
.THIS .slds-modal__container{
           max-width: 100% !important;
           width:100% !important;
}

Did nto work either. 
Error:(1, 1) FIELD_INTEGRITY_EXCEPTION - Markup for markup://c:RegistrationForm may not contain a <style> tag: Source

How can I do that? 

Best,
Walid
WalidWalid
The error shown at the end is related to the first code in the cmp file, not to the code on the CSS. Just to clarify.

Thank
Walid