Customize the user interface by overriding the default component with a custom one tailored to your business needs.
Required Editions
| Available in: Lightning Experience |
| Available in: Enterprise, Performance, Unlimited, and Developer Editions. |
When you open a custom Lightning type, the UI Configuration tab provides a workspace with an Editor tab and a Renderer tab. By default, the Renderer tab contains default output components in both the Renderer Override and Collection Renderer Override sections. You can override this component with your own custom LWC component.
- Open the Apex-based custom Lightning type that you want to configure.
- Select the UI Configuration tab.
-
From the Channel dropdown, select the Salesforce application that you want to
configure.
- Agentforce (Lightning Experience) configures the component for the Lightning Experience interface.
- Agentforce (Mobile) configures the component for the Mobile interface.
- Enhanced Chat v2 configures the component for the Enhanced Chat v2 interface.
- Select the Renderer tab.
- Choose which override to configure. To define a single renderer, use the Renderer Override section. To define a renderer for your structured list of data, use the Collection Renderer Override section.
- In the section that you chose, to override the default output component, click Change.
- In the Select an Output Component window, select your custom output LWC component, and then map its fields to the corresponding fields in the Apex class.
- Click Done.
- Save your work.