Either click New Lightning App to create an app, or click Edit next to an existing Lightning app to add a utility bar or edit the existing one. The utility bar API includes a set of methods for working with utilities and the utility bar. To add a utility bar, add at least one utility item that isn’t a background utility item.
Full Answer
How to create a utility bar in Lightning app?
Below are the steps to create Utility bar : You can add or edit a utility bar at any time. From the Home tab in Setup, enter App in the Quick Find box, then select App Manager. To edit or add a utility bar to an existing app, click Edit in the drop-down menu next to your app. To create a Lightning app with a utility bar, click New Lightning App.
How to create a new app in Salesforce Lightning?
Step: 1 – Create a New Lightning App Using App Manager in the Lightning Experience. Go to Setup >>App Manager >>New Lightning App Step: 2 – We must create the App Details and Branding for the app. Here, we must enter the app name and description and we are now also able to set the Image and select the Highlight color for the Navigation Bar.
What is a utility in Salesforce Lightning?
A utility is broadly defined as a single-column Lightning page. Salesforce provides you with several ready-to-use utilities, such as Recent Items, History, and Notes. You can also make your own, and customize the utility bar in Setup. From Setup, enter App Manager in the Quick Find box, then select App Manager.
What is the utility bar in Salesforce?
The utility bar is a specialized type of Lightning page that gives your users quick access to common productivity tools. A utility is broadly defined as a single-column Lightning page. Salesforce provides you with several ready-to-use utilities, such as Recent Items, History, and Notes.
How to make a Lightning app?
To create a Lightning app with a utility bar, click New Lightning App. Click the Utility Bar tab and add the utilities you want.Specify component and utility properties, like the height and width of the utility panel, and what label and icon to display in the utility bar. Some utilities have properties that can’t be changed.Tip.
How many utilities are there in a Lightning page?
Some utilities have properties that can’t be changed.Tip. A Lightning page region can contain up to 25 components. We recommend adding no more than 10 utilities, and that you keep the utility labels short and sweet. You want your users to quickly find the tools and processes they need most.
1. Define Component Metadata in the Configuration File
The <component>.js-meta.xml file defines the metadata values for the component. To make your component usable as a utility item in the utility bar, set isExposed to true, and define a lightning__UtilityBar target. To expose editable properties in the App Manager, define the properties in targetConfigs.
2. Option: Add an SVG Resource to Your Component Bundle
To include an SVG resource as a custom icon for your utility item in the App Manager, add it to your component’s folder. It must be named component.svg. You can only have one SVG per folder.