event
The component can only be used in the jig.calendar to display events related to data records. All events have a start and end date. Additional elements can be added, such as people attending the event or where the event will take place.
Some properties are common to all components, see Common component properties for a list and their configuration options.
Core structure | |
---|---|
from | Configure the starting time. You can change the property format by setting the value to the Text With Format property, cntrl+space, and choosing Date. In the format property, select the required date format. The default format saved in the database is yyyy/mm/ddThour:minute:second (i.e., 2022-07-27T08:15:00). For more information about the setting of the date format/ time zones, refer to Expressions - cheatsheet. |
to | Configure the ending time. You can change the property format by setting the value to the Text With Format property, cntrl+space, and choosing Date. In the format property, select the required date format. The default format saved in the database is yyyy/mm/ddThour:minute:second (i.e., 2022-07-27T08:15:00). For more information about the setting of the date format/ time zones, refer to Expressions - cheatsheet. |
title | Provide the name of the event. |
Other options | |
---|---|
description | The general description of the event. |
location | The event's location, for example, a meeting room or conference center. |
people | The list of invitees/attendees for the event. Use an expression to configure the property, for example, people: =@ctx.current.item.attendees.emailAddress. |
tags | Displays a list of tags for the event, such as meeting, interview, or social. The tags array can contain the color and title for each tag. "=[{'title': @ctx.current.item.type, 'color': @ctx.current.item.color}]" or define the tag in a datasource whihc is referenced in the property. tags: =@ctx.current.item.tags |
Certain actions can be executed on the event; for example, when pressing on the event opens the URL of the advertised event.
Actions | |
---|---|
onButtonPress | You can set any action in this property just like in the onPress property. The difference is that if only onButtonPress is configured, after pressing on the event, a modal window with the event's details opens. The modal contains a button for the action configured in the onButtonPress property. When isHidden is used with when:false , the isHidden property is automatically overwritten on the mobile device and set to isHidden:true and the button automatically hides. |
onPress | When pressing on the event an action executes. Use IntelliSense to select an action or refer to the list of available Actions. When the onPress is configured, the onButtonPress configuration is ignored. |