Which two components are supported when building lightning pages with the Lightning app Builder?

Nội dung chính Show

This story summarize Lightning App Builder from Trailhead Module
Lightning Page Types
Lightning Components
Record Page
Lightning App Builder
Prerequisites
Configuring domain for the Lightning components
Configuring Lightning component
Configuring Submit Ticket component
What components are added to lightning app?
What can you build with the Lightning app Builder in Salesforce?
Which Lightning component should the app builder add to the layout to display the action?
What are the two ways we can use to get data into the lightning component?

This story summarize Lightning App Builder from Trailhead Module

Photo by Carlos Muza on Unsplash

We use Lightning App Builder in Salesforce to create Lightning Page by adding Lightning components to it

Building apps tool: Lightning App Builder
Pages in app: Lightning Page
Components in pages: Lightning component

Lightning Page Types

App Page
Home Page
Record Page

Lightning Components

Standard Components: Standard components are Lightning components built by Salesforce.
Custom Components: You can configure custom Lightning components to work in Lightning App Builder.
Third-Party Components on AppExchange: The AppExchange provides a marketplace for Lightning components.

Home Page

You can create a custom Home page in a few different ways:

Create it from scratch using a template
Clone it from another custom Home page
Edit a page from the Home tab in a Lightning app.

When activating a Home page, you have three different options:

Make your page the default for everyone in the org
Make your page the default for an app
Assign it to one or more app and profile combinations, giving your users access to a page designed just for their role.

Record Page

Just like the Home page, you can create a custom record page in different ways:

Create it from scratch using a template
Clone one of your other custom record pages
Edit an existing page.

However, unlike the Home page, custom record pages are not only supported in Lightning Experience on desktop but also in the Salesforce mobile app.

You have four options for activation:

Make the page the org default for the object.
Make the page the default object record page for specific Lightning apps.
Assign the page to a combination of Lightning apps, record types, and profiles.
Assign the page to a form factor, such as a desktop or phone.

App Page

Create app page
Add page to Lightning and Mobile page

Lighting components can be added on the lightning apps so that the user can directly submit tickets, raise requests, or view self help articles without logging into any other URL. For more information, refer the following sections:

Lightning App Builder

The Remedyforce Lightning components can help you build your own user interface through Lightning App Builder, which is a point-and-click tool that makes it easy to create custom pages on Lightning pages.

Prerequisites

Setup domain for the organization.

Configuring domain for the Lightning components

To configure the domain, perform the following steps:

Navigate to Setup > Settings > Company Settings > My Domain.
Enter the domain name and click Check Availability.
Click Register Domain.

Configuring Lightning component

You can configure three Remedyforce components on Lightning pages for any Salesforce application:

Submit Ticket
Service Requests
Self Help Articles

To configure the component on the Lightning pages, perform the following steps:

Navigate to Setup > Platform Tools > User Interface > Lightning App Builder.
On the Lightning Pages section, click New.
Select App Page, Home page, or Record page, where you want to add the component.
In the Label field, enter the name of the lightning page and click Next.
Note
If there are no custom components displayed in the Customs list on the left panel, then click Deploy My Domain.

Configuring Submit Ticket component

You can submit a ticket from any of the Salesforce application by configuring the submit ticket component.
To configure the component, perform the following steps:

Drag the Submit Ticket component on the Lightning App Builder page.
(Optional) Enter the required label name in the Override Button Label Name field.
Note
The changed label name will not be localized.
(Optional) Select the required template from the Template field.
The fields defined in the selected template gets auto populated in the form.
If no template is selected, then the default template is applied to the form.
Click Activate.
On the Activation page, select Lightning Experience tab.
Select the required Lightning application to configure the component.
Click Add Page and save.

Configuring Service Requests component

You can create raise a service request from any of the Salesforce application by configuring the request service component.
To configure the component, perform the following steps:

Drag the Service Requests component on the Lightning App Builder page.
(Optional) On the right panel, enter the title for the Service Request component.
(Optional) From the Category field, select the required category.
(Optional) Enter the number of services to be displayed on the form and click Save.
Click Activate.
On the Activation page, select Lightning Experience tab.
Select the required Lightning application to configure the component.
Click Add Page and save.

Self Help Articles component

You can create view self-help articles module from any of the Salesforce application by configuring the Self Help Articles component.
To configure the component, perform the following steps:

Drag the Self Help Articles component on the Lightning App Builder page.
(Optional) On the right panel, enter the title for the Self Help Articles component.
(Optional) From the Category field, select the required category.
(Optional) Enter the number of articles to be displayed on the form and click Save.
Click Activate.
On the Activation page, select Lightning Experience tab.
Select the required Lightning application to configure the component.
Click Add Page and save.

Editing components

To edit the component, perform the following steps:

Navigate to Setup > Lightning App Builder.
Select the required Lightning page and click Edit.

Configuring lightning components on community pages

Configuring lightning components

Was this page helpful? Yes No Submitting... Thank you

What components are added to lightning app?

You can use Standard, Custom and Third Party components plus Global Actions. You cannot add Visualforce components to a Lightning App but you can add Lightning components into Visualforce pages.

What can you build with the Lightning app Builder in Salesforce?

With the Lightning App Builder, you can build: Single-page apps that drill down into standard pages. Dashboard-style apps, such as apps to track top sales prospects or key leads for the quarter.

Which Lightning component should the app builder add to the layout to display the action?

The Dynamic Actions Bar supports all standard and custom global actions. This component is supported as a source for Dynamic Interactions on app pages only. See Dynamic Interactions in the Lightning App Builder.

What are the two ways we can use to get data into the lightning component?

There are two methods to get the values. 1 - Add an aura:attribute to your component and then set it as the 'value' attribute on the lightning:select. 2 - Add an aura:id attribute to your lightning select, then in the controller use component.