Create a new event button on the 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

Last updated