Customize Record Details with Page Layouts
What you see when you log in to Salesforce for the first time is just the start. You can customize and personalize many things on a given object record page using page layouts.
There are two ways to customize a page in Lightning Experience. You can customize a page’s layout, or customize its contents. These are done with separate tools.
Lightning pages are a collection of Lightning components arranged in regions on the page. You can customize the structure of the page and the position of its components with the Lightning App Builder (learn more in the Lightning App Builder module right here on Trailhead).
- Control which fields, lists of related records, and custom links users see
- Customize the order that the fields appear in the page details
- Determine whether fields are visible, read only, or required
- Control which standard and custom buttons appear on records and related lists
- Control which quick actions appear on the page
You’re probably thinking: buttons, lists, record details? What is all this stuff? Let’s take a quick page layout tour by looking at an example contact record, and then we’ll dive in and customize a layout. We’ll talk more about buttons, links, and actions and how to modify them on page layouts in a later unit.
- The Related tab (1) contains related lists, which are lists of other records that are associated with the record you’re viewing. For example, an account can have related products, contacts, opportunities, and other custom records. Related lists make it easy to find and manage related information.
- The Details tab (2) shows information about a record. For example, a contact record detail page shows the name, address, owner, account, and other fields that are used to store information about the contact and other related records. To change the content of the fields on a related or detail page, you can click Edit (3).
However, that Edit button doesn’t let you configure which fields appear in the record details. Let’s go over that now.
Customizing the fields on your record pages is easy, and you can do it with just a few clicks. The Enhanced Page Layout Editor is the go-to place for customizing a Lightning Experience record page’s fields and related lists. It’s called “enhanced” because there’s an earlier version of it. We’ll just refer to it as the page layout editor here.
The page layout editor has two basic parts: a palette on the upper portion of the screen (1) and the record’s page layout on the lower portion of the screen (2). The palette contains the basic elements—such as fields, actions, buttons, links, and related lists—that you can add and arrange on your page. You can think of the upper part as the buffet table and the lower part as the plate of food you’re assembling.
Here’s the page layout editor for a lead.
Maybe you’re thinking, “Hey, what’s that ‘Highlights Panel’ section there? Didn’t you tell us that a compact layout controls the highlights panel on Lightning Experience record pages?” Yes, we did. And that’s still true. This Highlights Panel section in the page layout editor controls the highlights panel on pages in our Classic UI. It’s of no use to us in Lightning Experience.
- First, we need to find and open the lead page layout.
- From Setup, click Object Manager.
- Click Lead to open the object and then click Page Layouts.
- Click Lead Layout.
Now that we’ve opened the lead page layout, let’s make an update. As we all know, fax machines are so last century. So let’s remove that field.
- Drag the Fax field off the page layout and back onto the
Easy, right? Now, let’s make sure the sales reps don’t leave the Mobile field blank. Let’s make it a required field.
- Hover over the Mobile field, then click the wrench icon.
- Click Required and then click OK.
- Click Quick Save to save your changes without closing the page layout editor.
You can assign page layouts to different user profiles. For example, you can create a customized page layout for managers and another page layout for standard users. To change page layout assignments, click Page Layout Assignment and then click Edit Assignment.
Maria wants to create an Energy Audit page layout just for her sales team so they can have the necessary field and related list information at their fingertips when they view the Energy Audit records.
When the Energy Audit custom object was created, a system default Energy Audit page layout was created too. Right now, everyone in the org who views an Energy Audit record sees the information from that default layout. Maria is going to create a layout just for the sales people.
Let’s follow along.
- From Setup, click Object Manager.
- Click Energy Audit, then Page
There’s that default Energy Audit layout we mentioned.
- Click New.
You have two options at this point. You can create a page layout from scratch, or you can choose an existing page layout to clone. Because Maria wants to build on what’s already there for Energy Audit, she’s going to clone the default layout.
- Select Energy Audit Layout.
- Name the new layout Energy Audit Sales Layout.
- Click Save.
- Scroll down to the Energy Audit Detail section.
Here’s a comparison of the page layout field details and the Energy Audit fields with the default configuration.
That right-hand column is almost empty, and the fields could be in a better order. Let’s fix that.
- Move Audit Notes and Type of Installation to the right column, above Owner.
- Move Account below Energy Audit Name.
- Click Quick Save.
Nice! But there’s more to do. Because Energy Audit is a custom object, it doesn’t have any related lists...yet. Let’s add one.
- Scroll down to the Related Lists section.
- In the palette, click Related Lists, and drag the
Files element down to the Related Lists
With the Files related list, Ursa Major Solar sales reps can add files to a record and see a list of files associated with the record.
- Click Quick Save again, then click
We’re done with the page layout for now, but no one can see it. Time to assign it to profiles.
Maria wants Ursa Major Solar’s salespeople to see this new page layout. She’s going to assign it to her sales team’s user profile so when they view Energy Audit records, they’ll see the revised view of the fields and the new related list. Let’s get started.
- If you’re not already in the Energy Audit object, from Setup, click .
Click Page Layouts, then Page Layout
You can see the list of profiles and the page layout assigned to each one.
- Click Edit Assignment.
- Select the Custom: Sales Profile row.
- From the Page Layout To Use field, select Energy Audit Sales Layout.
Select the System Administrator row.
Normally, Maria would select only the Custom: Sales Profile row, but since you’re logged in as a System Administrator, we select that too so that you can check out how the new page layout looks.
From the Page Layout To Use field, select Energy Audit Sales
Layout, then click Save.
Let’s go see the results!
From the App Launcher, find and select Energy Audits,
then open an audit record.
Look at the Details tab. It’s more condensed and efficient now.
And, if you click the Related tab, you see the Files related list there now, just waiting for someone to upload something.
Great job! Now that you’re more familiar with page layouts and the page layout editor, you can start creating layouts that give your users just what they need. By arranging tools and fields in logical sections, you can make it even easier for your users to store and manage the data that’s important to your business.