Calendar Event

General:

The calendar button offers to add events to the user’s calendar. See how to customize the event below. 

How to:
  • Click on the Calendar icon  in content toolbar 
  • A thumbnail appears inside the scenario editor
  • Click on the thumbnail inside the scenario editor to move/position the element via drag & drop and to access the HTML editor and settings

 

 

Settings:

Name:  Select a unique name for your event box element

Size: Set individual size of event box (by width and height, the aspect ratio is fixed)

Position: Set individual position of event box (by x and y)

Opacity: Set transparency level of event  box (0 = fully transparent, 1= no transparency)

Rotation: Set rotation of event box (by °)

Arrange: Define hierarchy in between different content elements

Fix to Screen: Disconnects event box from trigger image and fixes it to screen so it will always be shown on the same position, no matter how to trigger image is moved

Hidden: Makes event box invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time)

Unique ID: Internal ID of the content element, mostly used for referencing inside contact fragments

Event name: A unique name for your event

Description: Write a brief description of this event 

Select Timezone: Select the anchor timezone 

Start Date/Time: Select when you’d like to start your event

End Date/Time: Select when you’d like to end your event

Address: Write the venue’s detailed street address. 

Url: Your business website, social media, or ticket registration 

Appearance allows you to change the design of the pop-up that appears only inside the app and not visible in the studio. 

Continue playing: The calendar box keeps playing also when image tracking is lost (trigger image is not visible in camera view anymore), the calendar box will be displayed centered to the screen

Background color: Select the main color of the event box 

Font color: Select the color of the font.

Button color: Select the color of the button inside the event box on the lower-right corner.

Button text color: Select the color of the text inside the button of the calendar box.

Animations:

Explanation can be found here.

Example how it looks:

Close Menu
Close Panel