How to change the default behavior of the calendar on iOS devices
When you click the Add to Calendar button on an iOS device, it usually detects that you're on iOS and automatically selects the "Apple" option. To see the full list, you can change the code via a custom template, and your device will be treated like any other, showing all options.
Creating a Template
-
To create a custom template, navigate to the event page and click Custom Templates then click + New Template. Add a name for the template if you haven't already.
-
Scroll down to the bottom of the editor and click Create or Save
Changing the Code
- To change the code copy the following code snippet
<!-- Dynamic "Add to Calendar" button (recommended) -->
<div class="row button atc-btn-t1">
<div class="inn">
<div title="Add to Calendar" class="addeventatc" data-intel="false">
Add to Calendar
<span class="start">{{date-start-original}}</span>
<span class="end">{{date-end-original}}</span>
<span class="timezone">{{timezone}}</span>
<span class="title">{{title}}</span>
<span class="description">{{description-for-button}}</span>
<span class="location">{{location}}</span>
<span class="organizer">{{organizer}}</span>
<span class="organizer_email">{{organizer-email}}</span>
<span class="all_day_event">{{all-day-event}}</span>
<span class="alarm_reminder">{{alarm}}</span>
<span class="recurring">{{recurring}}</span>
</div>
</div>
</div>
- Paste the snippet into the template, replacing the
{{block:button}}
data tag (line 85 in an unmodified template)
If you are making this change to an RSVP event landing page, you will first need to replace the
{{block:rsvpform}}
with the corresponding code from below the template editor, then replace the{{block:button}}
data tag found within the{{block:rsvpform}}
code block:
- Click Save on the template.
Assigning the template to a calendar
- Once your template has been created, navigate back to your calendar page.
- Go to the Event landing page section again, but this time, click the template dropdown and select the template you want to assign to the calendar.
- Click Set next to the dropdown menu.
Updated 26 days ago