Configuring Lightning Web Components
About Lightning Web Components
How to configure lightning web components
- Before you begin
- To configure the Submit Ticket component
- To configure the Service Catalog component
- To configure the View Requests component
- To configure the Self Help Articles component
- To configure the Remedyforce Broadcasts component
- To configure the Remedyforce Search Results component
- To configure the Request From Search Results component
- To edit Lightning Web Components
- To configure a Customer Community Plus user
Additional information
Lightning web components supported in Remedyforce
A Remedyforce administrator can add lightning web components to Experience Cloud Sites and Lightning app pages and allow client users to perform the following:
Lightning Web Component | Allows client users to | How to configure? | Additional information |
---|---|---|---|
Submit Ticket |
|
| |
Service Catalog |
|
| |
View Requests |
| The functionality is similar to the View in My Activity tile in Self Service 3.0.
| |
Self Help Articles |
|
| |
Remedyforce Broadcasts |
|
| |
Remedyforce Search Results | Search the following:
|
| |
Request from Search Results | Submit tickets and service requests from the search page if search results are not satisfactory. |
|
Experience Builder
You can configure Remedyforce Lightning components through the Experience Builder. Third party components from AppExchange are also available on the builder, so you can configure and customize the Experience Cloud site page as required.
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.
Before you begin
Before configuring Lightning Web Components, ensure that the following is configured:
Lightning apps | Experience Cloud Sites |
---|---|
|
|
To configure the Submit Ticket component
Perform the following steps:
- Drag the Submit Ticket component to the Experience Builder or to the Lightning App Builder page.
Fill in the following details:
Field
Description
Override Button Label
Enter the preferred name for the button.
Template
Select the template to be applied for a ticket form.
Button Border Radius (0px - 20px)
Enter the radius of the button's border.
Max Button Width (10 - 100%)
Enter the width of the button.
Button Alignment
Select the alignment for the button.
Form Width
Select the width of the Submit Ticket form.
- Click Publish or Activate.
To configure the Remedyforce Broadcasts component
Perform the following steps:
- Drag the Remedyforce Broadcasts component to the Experience Builder or to the Lightning App Builder page.
- Save or publish the changes.
Clients can view or access broadcasts that are active, scrollable, and available for Self Service 3.0.
When you click a broadcast, the following information is displayed:
From the Message column, click any broadcast message to view its details.
To configure the Remedyforce Search Results component
Perform the following steps:
- Drag the Remedyforce Search Results component to the Search page in Experience Builder or in Lightning App Builder.
Fill in the following details:
Field
Description
Search Term
Enter a preferred search term to customize search results or leave it as it is.
Search Results Header
Enter the name of the search results header.
Article Form Width
Select the preferred width for knowledge article forms.
Ticket Form Width
Select the preferred width for Submit Ticket forms.
- Save or publish the changes.
To configure the Request From Search Results component
Perform the following steps:
- Drag the Request from Search Results component to the Experience Builder or to the Lightning App Builder page.
Fill in the following details:
Field
Description
Override Question Text
Enter your preferred text to replace the following: Didn't find what you are looking for?.
Override Button Label
Enter your preferred label for the submit button.
Button Border Radius (0px - 20px)
Specify the radius for the border.
Maximum Button Width (10 - 100%)
Specify the button width.
Content Alignment
Select the preferred alignment.
Ticket Form Width
Applicable only for the Submit Ticket form. Not applicable for the Service Request form.
- Save or publish the changes.
To configure the Self Help Articles component
Perform the following steps:
- Drag the Self Help Articles component to the Experience Builder or to the Lightning app builder page.
Fill in the following details:
Field
Description
Title
Enter the title for the Self Help Articles component.
Category
Select the required category.
Number of Rows
Select the number of rows to be displayed.
Form width
Select the width for a knowledge article form.
- Save the changes.
To configure the Service Catalog component
Perform the following steps:
- Drag the Service Catalog component on the Experience Builder.
Fill in the following details:
Field
Description
Title
Enter the required title. It will override the default title.
Category
Select a category for which you want to display service requests.
Number of Rows
Select the number of rows to be displayed in the catalog. By default, four rows are displayed.
- Save or publish the changes.
To configure the View Requests component
Perform the following steps:
- Drag the View Requests component to the Experience Builder or to the Lightning App Builder page.
Fill in the following details:
Field
Description
Number of Records
Select the Number of Records to be displayed in the list.
Layout
Based on the available section size on the Experience Builder, select the layout:
- Full: Use this layout to display the My Requests dropdown, search box, filter menu, and ticket timeline with the list of tickets and service requests.
- Compact: Use this layout to display only the My Requests dropdown with the list of tickets and service requests. Note that, this layout is apt when the component is added to a sidebar.
Form Width
Select the form width.
- Save or publish changes.
To edit Lightning Web Components
For instructions, see:
To configure a Customer Community Plus user
For instructions, see Create Experience Cloud Site Users
Caveats
The following caveats are applicable for Lightning Web Components:
- Remedyforce lightning web components are not supported in Salesforce Mobile App and Salesforce Lightning Web Runtime.
- Lightning Web Components (LWCs) such as Submit Ticket do not support attachments. Files uploaded to LWCs are saved as Salesforce files. LWCs display only Salesforce files.
- For the Service Catalog component, you cannot drag and drop images from your computer to rich text input fields in service requests.
Instead of displaying the tooltip text, the value of the Header Section field is displayed as a tooltip while submitting a service request. It is a known behavior relevant to the Salesforce platform. For more information, see Salesforce help.
- When you configure components such as Service Catalog and Self Help Articles, consider the following:
- A default of 5000 categories or templates are available for configuration in these components. However, administrators can increase the default category limit by creating the LWCDesignAttributeQueryLimit custom setting from Setup > Custom Settings > Remedyforce Settings and set the required value. For more information, see Managing-custom-settings.
- If an organization has more than 5000 categories, administrators can create a custom setting for the required number of categories to be listed.
- If you change the label name of a lightning web component, the changed label name is not localized. See the following example:
Deprecated components
Though the following components are visible in the Custom Components list in Experience Builder and in Lightning App Builder, they are deprecated and should not be used:
Use these Lightning Web Components instead of the deprecated ones:
Deprecated Aura component | Lightning Web Component to be used |
---|---|
Submit Ticket (Deprecated) | Submit Ticket |
Service Requests (Deprecated) | Service Catalog |
Self Help Articles (Deprecated) | Self Help Articles |