Skip to main content

Customize Record Pages

Note

Accessibility

This unit requires some additional instructions for screen reader users. To access a detailed screen reader version of this unit, click the link below:

Open Trailhead screen reader instructions.

Introduction

Noah Larkin, AW Computing’s VP of Services, is concerned that his Consulting team uses accounts to capture details of consulting partners, but some of the fields they see aren't applicable to their partner accounts. He would like all sales-related information removed.

Allison Wheeler also contacted you with a request. She's concerned that the new account fields appear together in the top section of account record detail pages. She’d like them organized into different sections to make it easier for her team to find the right information.

You can solve both of these issues using a combination of the Lightning App Builder and page layouts to control the fields, sections, related lists, and buttons that appear when users view or edit a record.

Adjust the Fields on the Page

Begin by modifying the default account page to display sales region and support plan information in separate sections.

  1. From the App Launcher (App Launcher), find and select Sales, then click the Accounts tab.
  2. Open the All Accounts list view.
  3. Select Edge Communications.
  4. From the Setup menu (Setup), select Edit Page.
    The page opens in the Lightning App Builder.
  5. In the page properties, change the Label to Customer Account Page.
  6. Change the API Name to Customer_Account_Page.
  7. On the canvas, click the Details tab.
  8. Click the Record Detail component inside the Details tab.
  9. In the property pane, click Upgrade Now to upgrade the page to use Dynamic Forms.
    Upgrade to Dynamic Forms message with Upgrade Now buttonThis will allow you to add, remove, and customize the location of individual fields on the page instead of having to display them in a single block.
  10. Click Next.
  11. Select Account Layout, then click Finish.
  12. Click the Fields tab in the palette.
  13. Drag a Field Section component onto the canvas and drop it just above the Additional Information section in the Details tab.
  14. In the property pane, change the Label of the section to Sales Region.
  15. Add another Field Section component below the Sales Region section.
  16.  In the property pane, change the Label of the section to Support Plan Information.

Now arrange the fields.

  1. From the Account Information section, drag the Region field into the left column of the new Sales Region section.
  2. From the Account Information section, drag the Zone field into the right column of the new Sales Region section.
  3. From the Account Information section, drag the Has Support Plan field into the left column of the new Support Plan Information section.
  4. From the Account Information section, drag the Support Plan Expiration Date field into the right column of the new Support Plan Information section. 

Next, make the new sections more visible. They’re kind of buried in the record details. 

  1. Hover over the Sales Region section, click Move component and drag the section above the Activity and Chatter tabs in the right hand region of the page.
  2. Do the same for the Support Plan Information section. 
    Customer Account Page with Sales Region and Support Plan Information sections moved to the right-hand region of the page.

Lastly, make the Prospect Rating field required.

  1. In the Account Information section, click the Prospect Rating field and select the Required radio button in the property pane.
  2. Click Save, then Not Yet
    Saving a page for the first time in the Lightning App Builder doesn’t push the customizations out to your users. You have to activate the page for your users to see it. We’ll get to activation shortly, after finishing the customizations.

The Lightning App Builder lets you customize a lot of the pieces of a record page. However, if you want to make a related list available to the page in the Lightning App Builder, or adjust related list columns, you have to do that in the page layout editor.

First, add the Do Not Call column to the Contacts related list.

  1. Click Back (Back) in the Lightning App Builder.
  2. From the Setup menu (Setup), select Setup.
  3. Click Object Manager and select Account.
  4. Click Page Layouts, then Account Layout.
  5. Scroll down to the Contacts related list and click the wrench Wrench icon on the gray bar above it.
  6. From the Available Fields list, select Do Not Call.
  7. Click Add, then click OK.

Now move the Opportunities related list to the top.

  1. Find the Opportunities related list.
  2. Click the gray bar above the related list and drag it above the Contacts related list.
  3. Click Save, then Yes.

Activate the Customer Account Page

Assign the Customer Account Page to the appropriate record type.

  1. From Setup, click the Home tab.
  2. Enter App Builder in the Quick Find box, then select Lightning App Builder.
  3. Click Edit next to Customer Account Page.
  4. Click Activation.
  5. Click the App, Record Type, and Profile tab.
  6. Click Assign to Apps, Record Types, and Profiles.
  7. Assign the page to the Sales app, then click Next.
  8. Leave the Form Factor assignment set to Desktop and phone, then click Next.
  9. Select the Customer Account record type, and click Next.
  10. Select both the Sales User and Support User profiles, and click Next.
  11. Review the assignments, then click Save

Create a Partner Account Page

Create a new account page called Partner Account Page by cloning the Customer Account Page.

  1. Click Back (Back) in the Lightning App Builder.
  2. Click Clone next to Customer Account Page.
  3. In the page properties, change the label to Partner Account Page.
  4. Change the API Name to Partner_Account_Page.
  5. On the canvas, click the Details tab.

Now, remove the Prospect Rating, Region, Zone, Has Support Plan, and Support Plan Expiration Date fields.

  1. Hover over the Sales Region section and click Delete to delete it.
  2. Do the same for the Support Plan Information section.
  3. In the Account Information section, hover over the Prospect Rating field, and click Delete to delete it.
  4. Click Save, then Activate.
  5. Click the App, Record Type, and Profile tab.
  6. Click Assign to Apps, Record Types, and Profiles.
  7. Assign the page to the Sales app, then click Next.
  8. Leave the Form Factor assignment set to Desktop and phone, then click Next.
  9. Select the Partner Account record type, and click Next.
  10. Select both the Sales User and Support User profiles, and click Next.
  11. Review the assignments, then click Save.

Now that Noah's and Allison’s teams can see what they need to see in their account pages, move on to the next step, where you enable field history tracking.

Resources

Keep learning for
free!
Sign up for an account to continue.
What’s in it for you?
  • Get personalized recommendations for your career goals
  • Practice your skills with hands-on challenges and quizzes
  • Track and share your progress with employers
  • Connect to mentorship and career opportunities