A header provides a short summary of content.
The Avonni Header flow screen is a customizable UI component for creating visually appealing headers in Salesforce. It allows users to add icons, images, and navigation links to the header. The component is easy to configure and offers an intuitive interface for creating a professional-looking header. Its versatility makes it an essential component for any Salesforce Flow Screen toolkit.
This is where you will add an overall title to the header component.
Used to contain more information about the header component
Here are some additional details about adding a background image to the header:
- The background image can be any file type, such as JPEG, PNG, or GIF.
- The background image will be displayed behind the header text and other content.
Is Joined: to unify the header component to your subsequent components inside your screen flow.
Is Text Outside: the title will be outside the header
Pull to Boundary: to pull the elements on either side of the container to the boundary.
The Avonni Header Flow Screen Component can display an avatar. The avatar can be a user's profile picture, a company logo, or any other image.
To add an avatar to the header, follow these steps:
- 1.Click on the Avatar section to expand settings.
- 2.Select an icon or an image from your computer.
- 3.Set various settings like variant, size and position.
The avatar will be displayed in the header. You can adjust the size and position of the avatar using the Image settings section.
Expand the Actions menu to add actions on the header component. You can add as many actions as you want and define the number of visible action buttons you want to display.
Here are the available Actions for the Header Component:
Avatar Action click
From the Styles panel, you can customize styling attributes for the Header:
- Avatar Action
- Border Bottom