We want to run custom lightning component in the lightbox for quick action. Is there any way to display the same layout but for custom component?

enter image description here

  • Can you clarify what is lightbox? – Jayant Das Feb 1 '19 at 14:29
  • @JayantDas it's standard lightning quick action lightbox from the quick action button. The example is Convert lead button. – Eugene Vabishchevich Feb 1 '19 at 14:39
  • You may like to check this answer. You cannot open any standard component in any custom component. You will need to completely re-design it. – Jayant Das Feb 1 '19 at 14:41
  • @JayantDas I don't want to run standard component in custom component. I want to check layout for custom component in quick action. – Eugene Vabishchevich Feb 1 '19 at 14:42
  • do you just wanna increase the width of quick action modal? – Pranay Jaiswal Feb 1 '19 at 14:44

You'll want to read Configure Components for Custom Actions and its related documentation, but basically you will want to implement force:lightningQuickAction or force:lightningQuickActionWithoutHeader, and if you want object-specific actions, also include force:hasRecordId. Try this as an example:

<aura:component implements="force:lightningQuickAction,force:hasRecordId">
  Hello World!

Once you create the component, go in to Setup, create a new quick action (e.g. Setup > Object Manager > Account > Buttons, Links, and Actions) using the component, then you can add it to your page layout. Once you've got the basic understanding of how it works, you'll be able to develop actions that can be used globally, per-object, or both, and choose to customize the buttons, etc. Everything you need is in the documentation. If you have specific questions, please feel free to follow up with a new question.

  • Sorry, I understand the main flow. The question is: is it possible to use standard layout/tags to display the same layout as standard component has: header/body/footer. Or should I use custom CSS to build it? – Eugene Vabishchevich Feb 1 '19 at 15:01
  • You would use SLDS or standard components like lightning:layout/lightning:layoutItem/etc. There's not much need to use custom CSS in ordinary cases. – sfdcfox Feb 1 '19 at 15:03

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