Documentation
Input Parameters
Events
Actions
Instructions
1. Add the component as a Dependency of your projectGo to your Studio environment, click the manage dependencies button on the top menu and add the following references to your Reactive Web Application:
2. Drag the Block to a Screen, Customize the widget and Create the OnInitialize Action
2.1. Drag the FullCalendar widget to your desired screen or block.
2.2. Configure the Widget Handlers:
2.3. Configure the Widget Advanced options:
2.4. Create a new event for your screen or block: OnInitialize
2.4. (cont.) The OnInitialize should look like this:
3. Assign Values to Parameters: create a New PopUp with Input boxes and Update / Remove Button
3.1. Create the Popup with the inputs for the task scheduler and the buttons to update and remove
3.2. Create the actions associated with the user interface buttons (update button):
3.3. Create the actions by dragging the respective methods of the component associated with the user interface buttons (remove)
4. Assign Values to Parameters: Use the following mandatory Actions for Reactive Web or Mobile AppBelow is a list of all the component actions. The FullCalendar Select and the the FullCalendarEventClick must be configured in order to have minimal functionality (update, remove and view appointments in the calendar)
4.1. Complete the Action for the FullCalendar Select (mandatory)
4.2. Complete the Action for the Event Click (mandatory)
SchedulerLicense - License Key for use the Premium Scheduler Views;Note: The fullcalender as 3 license options, Commercial License, Non-Commercial Creative Commons and GPL License, you can read more on https://fullcalendar.io/license/premium
DefaultDate - Set the initial date displayed when the calendar first loads;
AdvancedOptions - Allow add more advance options;
GoogleCalendarApiKey - Set your Google Calendar API Key to access the google calendar events;
EventSources - Set the initial event source to the calendar to render on the calendar first load;
ResourceSource - Set the initial resource source to the calendar to render on the calendar first load;
EventDescription - Display mode of the Events description.
Callbacks - Option to disable a set of implemented events, useful when you want to overwrite the callback in the Advanced Options input.
Events:
DateClick - Triggered when the user clicks on a date or a time slot;
EventClick - Triggered when the user clicks an event.
EventDrop - Triggered when dragging stops and the event has moved to a different day/time.
EventMouseEnter - Triggered when the user mouses over an event.
EventMouseLeave - Triggered when the user mouses out of an event.
EventResize - Triggered when resizing stops and the event duration has changed.
Loading - Triggered when event or resource fetching starts/stops.
Select - Triggered when a date/time selection is made.
Actions:
AddEvent - Adds a new event on the calendar.
AddResource - Adds a new resource on the calendar.
RefetchEvents - Refetches events from all sources and rerenders them on the screen.
RefetchResources - Causes the resource data to be fetched and freshly rerendered.
RemoveEvent - Removes an event from the calendar.
RemoveResource - Removes an resource from the calendar.
UpdateEvent - Update the data in some existing event render on the calendar.
NewEventSourceData - Create a new event source with a list of Events to display on the calendar.
NewEventSourceGoogleCalendar - Create a new event source from Google Calendar, by providing the Google Calendar Id to access the events.
NewEventSourceUrl - Create a new event source by providing the URL of a JSON feed that the calendar will fetch the events from.
NewResourceSourceData - Create a new Resource source with a list of resources to display on the calendar.
NewResourceSourceUrl - Create a new resource source with a Url where the calendar will fetch the resource list and display on the Calendar.