The Add to Calendar feature in Dynamic Toolbox for Bricks enables users to generate event-based buttons that integrate seamlessly with major calendar platforms such as Google Calendar, Outlook, Yahoo, and iCal. This component offers a highly customizable interface that includes time formatting, iconography, and visual styling options suitable for a wide range of frontend scenarios.
Settings
Under the Calendar section, the following configuration controls are available:
Type: Choose the calendar format:
Google Calendar
ICS (for iCal and Outlook)
Outlook.com Calendar
Yahoo Calendar
Filename (only for ICS): Custom filename for the downloadable
.icsfile.Title: Sets the event title.
Date Format: Defines the format used to interpret the date strings (default:
Y-m-d H:i).Local Unix Epoch (only when format is
U): Indicates if a timestamp should be interpreted as local time, useful for data coming from sources like JetEngine.DateTime Start / End: Text fields to input the start and end date/time of the event.
Description: Optional WYSIWYG field for rich-text description of the event.
Address: Text field to define the event location.
Style
The button rendering is enriched with multiple style controls consistent with Bricks styling conventions:
Text: Customize the button label.
Size: Choose from predefined button sizes.
Style: Apply a predefined Bricks button style (
primary, etc.).Circle / Outline: Toggle shape and border style.
Icon: Add an icon with the ability to control typography, position, spacing, and alignment.
These controls ensure a visually consistent and flexible interface while maintaining native Bricks design logic.
Usage Summary
Supports multiple calendar platforms.
Downloadable
.icsgeneration with custom filename support.
This makes Add to Calendar ideal for dynamic websites that need to offer event-based actions without relying on third-party calendar widgets or heavy integrations.