Scheduler Web Control Scheduler Web Control

Scheduler Web Control

Adam Evans Adam Evans

Overview

Use the Scheduler Web Control to schedule a time for a user.  The Scheduler web control is tied to a calendar to available slots and be restricted to prevent violations like TCPA using the Calendar Restriction property.

Control Properties

calendarRestriction

A string mapping to a calendar key to use as a restriction. Restrictions will work with the calendar property selected only to allow times that fit into both calendars. This is useful for things like TCPA.

minimumDaysOut

The first day from today that the user can schedule an appointment.

maximumDaysOut

The number of days into the future, the user can schedule an appointment.

Calendar

This is the base calendar to use for events. The Calendar is a dropdown of available calendars to your app.

Schedule

A Schedule AirData App Object to store the selected results of the scheduler. Create a schedule object in Data Builder.

Placeholder

Default text to be showing in the time slot section if no times are available on the selected day.

Layout

Determines how much of the calendar to display. Options are:

  • 1 week - Display seven days at a time.
  • 2 weeks -Display fourteen days at a time.
  • 1 month - Display the entire month.

Actions

Value Changed

This is triggered when the user selects an available time slot. The event.value is the selected time slot with a start_time and end_time datetime value set. 

Styling

The Scheduler Web Control is a compound web control. The individual components are stylable by selecting them under the Scheduler Variant in the Style section. Each item will have a pop-out with available styling options.

Examples

Schedule a Conversation:

Airhome-Scheduler-ScheduleConversation.png

Add a scheduler component to a web flow. Select a Calendar Option in the Scheduler section. Select a layout of 2 weeks. If desired, create a Schedule Object and set that to the Schedule property.

Further Reading

Add comment

Please sign in to leave a comment.