Lightning Page Configuration

This section of the document will provide instructions for adding a Lightning Web Component to a Record or App Page.

Be Sure you have completed the Installation And Setup and Create Display Configurations guides before continuing.

Contents

Add Related List to Record Page

A Lightning Web Component can be added to the record page in order to view the validation data for that records phone numbers.

  1. Click the app launcher icon
  2. Select the Sales application Screenshot of launch sales app
  3. Click on the tab for the object (Account, Contact, or Lead) which you configured for the Display Configuration in Create Display Configurations. In this example we will click the Contacts tab Screenshot click contacts tab
  4. Select the All list view and click a row to open the record's detail page Screenshot all contacts list view
  5. Click the gear icon in the upper right of the record page and then click Edit Page Screenshot all contacts list view
  6. Drag the Phone Validation Related List component from the components pane onto the page layout. In this example I added a Phone Validation tab to the page layout and dragged the component to it. However, you can drag the component to any area of the page layout Screenshot of drag component to screen
  7. Select the Display Configuration in the property pane on the right side of the screen Screenshot select display configuration

Note: if no display configurations appear in the drop down then you will have to create a Display Configuration for a Related List of the correct object type. In this example the object type is Contact

  1. Click Save, click Activate, click Assign as Org Default, click Next, click Save, and then click Save in the upper right of the page
  2. Click the back button in the upper left to return to the record page
  3. You can now select records in the related list and click the Validate button to retrieve validation data associated with the phone numbers Screenshot validate related list

Add List View to an App Page

A Lightning Web Component can be added to a page to provide a List View of phone validation data. These steps will provide instructions for applying the List View to a Home page, but it can be added to any Lightning page.

  1. Click the app launcher icon
  2. Select the Sales application Screenshot of launch sales app
  3. Click on the Home tab Screenshot click home tab
  4. Click the gear icon in the upper right of the record page and then click Edit Page Screenshot all contacts list view
  5. Drag the Phone Validation List View component from the components pane onto the page layout Screenshot of drag component to screen
  6. Select the Display Configuration in the property pane on the right side of the screen Screenshot select display configuration

Note: if no display configurations appear in the drop down then you will have to create a Display Configuration for a List View

  1. Set the Number of Records property. This defaults to 10
  2. Click Save, click Activate, click Assign as Org Default, click Next, click Save, and then in the upper right of the page click Save
  3. Click the back button in the upper left to return to the page
  4. You can now select records in the list view and click the Validate button to retrieve validation data associated with the phone numbers Screenshot validate list view
Back To Top