lightening aura components: Create Wider Modal Pop Up In Lightning Experience record view in Salesforce

on
** Solution is tried out in Salesforce Developer Edition**

Challenge: Quick action in Lightning Experience will show up a fixed width modal pop up.

Solution: Flexi page lightning component & Lightning record page layout.

Flexi page component & Controller:
- PD_FlexiPage_LightningPopUpModal_Button.cmp
- PD_FlexiPage_LightningPopUpModal_Button.js

Lightning record page setup:
  • - Go to Lightning Experience setup
  • - Navigate to Object manager
  • - Click on Account (you can find it from search available at the top right corner)
  • - Open the "Lightning Record Pages" link from side bar for the Acount
  • - If not created, click on NEW (Available in the top right corner)
    • - System will ask for the type of page
    • - Select Record Page & hit Next
    • - Fill in Label and Object details & hit Next
    • - Observe two tabs and go to second one if you dont want to customize everything
    • - Finally click Finish button.
  • - IF available, then got to Edit page.
  • - Left side bar, search for flexi component which is created.
  • - Drag the search resulting component to the record layout
  • - Click on save
  • - You have to Activate & Assign the page accordingly
Lightning Record page edit screen where component is being searched

Component is dragged to the layout

Working screen print:
Record view from developer edition salesforce org, showing the button created by flexi component

flexi component is coded to show search page inside the pop-up

Code snippets:

Comments

Post a Comment