How to Add a New Event Button to the Avonni Calendar Header

Overview

This guide shows you how to add a "New" button to the header of the Avonni Calendar component. When clicked, this button will open a modal box where you can create a new data entry for the Salesforce object linked to the calendar. In this tutorial, clicking the "New" button will bring up a modal for creating a new Salesforce event (related to the event object).

1️⃣ Step 1: Access the Header section

• Open the screen element on Flow Builder

• Select the Calendar Component and click the "Open Component Builder" button.

• Expand the Header section

• Click on the "Add Actions" button to create a new button action on the calendar header

2️⃣ Step 2: Create the action button

• Enter a label for your button action

• Select an icon (optional)

• Click on Save.

3️⃣ Step 3: Add an interaction

• Click on the Interactions Tab

• Click on the "Add Toolbar" button to create the interaction on a toolbar item

4️⃣ Step 4: Define the interaction

• Select the target name > select the item mane created in the Step 2

• For Type, choose Navigate

• For Page Reference Type, choose Object Page

• For Object API Name, choose the Object you'd like to trigger the interaction to

• For Action Name, choose New.

• Click Save.

Final Result