How do you build a custom record Detail page using lightning components?

How do you build a custom record Detail page using lightning components?

Let’s get started.

1. From Setup, enter App Builder in the Quick Find box, then select Lightning App Builder.
2. Click New.
3. Select Record Page and start stepping through the wizard.
4. Name your page New Opportunity Page , and select Opportunity.
5. Choose the Header, Subheader, Right Sidebar template, and click Finish.

How do you edit a record Detail page from lightning component?

Change the Lightning Record Page Template

1. Navigate to the record you want to change (this update will change all records with the object e.g. Billing.)
2. Click the Gear icon and select Edit Page.
3. Navigate to Template and click Change.
4. Select Grouped Header and One Region.
5. Click Next.

How do you show Lightning components?

From Setup, enter Lightning Components in the Quick Find box, then select Lightning Components.

How are record detail fields displayed in Lightning?

Add the Related Record Lightning Component to each Tab, configuring it with the corresponding Update Action and then Save/Activate. The Result: Record detail fields are now displayed in tabs instead of down the page, allowing users to quickly see fields in groupings rather than scrolling.

How to add conditional record to lightning page?

Next, edit or create your custom Account Lightning Page. Drag & drop the Related Record component onto the page, one per each level. Give your component a label like below, select the appropriate Update Action, and lastly, set the component to only be visible when for the corresponding Account Level.

How to add tabs to Lightning record page?

Now that you have your actions, you’ll need to edit your existing or create a new Lighting Record Page. Add the Tabs Lightning Component to the page layout, naming the tabs to match your field groupings. Add the Related Record Lightning Component to each tab, selecting the appropriate Update Action to match your tab name. Save/Activate.

How to create custom lightning record page in Salesforce?

To begin with, in the Components list on the left panel of the page, locate the Highlights Panel, click and drag and drop the component into the top most section of the Lightning Page. Next locate the Path Component and drop that also into the top most section, immediately below the Highlights.