Notes
Notes
- This component fetches bookings from the
/bookings/api/bookingsAPI endpoint using a POST request with the authenticated user's credentials. - Bookings are displayed in a DataTables-powered table with pagination controlled by the
PageSizerendering parameter. - The component includes a booking detail modal showing date, time, topic, case number, contact information, and comments.
- Users can cancel or reschedule bookings through the modal, with restrictions within one hour of the appointment.
- Rescheduling opens an iframe to the Appointedd booking tool.
- The component renders a nested
BookingButtonListpartial in the footer for scheduling new appointments. - Requires jQuery, DataTables CSS/JS CDN resources, and the Appointedd SDK script.
- The datasource must be a Booking Button Folder item containing child Booking Button items used by the embedded BookingButtonList.
Control Properties
My Bookings
A user booking management component showing the authenticated user's upcoming and past appointments. Supports booking cancellation, rescheduling, and calendar integration for Business Hub meetings.
Control Properties
| Parameter | Type | Description |
|---|---|---|
| PageSize | Integer | Number of bookings displayed per page in the DataTable. Defaults to 6 if not set or invalid. |
| LabelForSingleButton | Text | Label text shown when only one booking button is available in the footer. |
| LabelForMultipleButtons | Text | Label text shown when multiple booking buttons are available in the footer. |
| ShowAllButtons | Checkbox | When checked, all booking buttons are displayed regardless of entitlement filtering. |
| SuppressColumn | Flag (internal) | Set internally to suppress column wrapper classes when rendering the nested BookingButtonList partial. |
Template Properties
Template Properties
The My Bookings component uses the Booking Button Folder template as its datasource. This folder contains child Booking Button items that define available appointment types.
| Template | Path | Description |
|---|---|---|
| Booking Button Folder | /sitecore/templates/Project/Business Hub/Folder Types/Booking Button Folder | Container for Booking Button items. Used as the datasource for both MyBookings and BookingButtonList renderings. |
| BookingButton | /sitecore/templates/Project/Business Hub/Bookings/BookingButton | Defines a single booking type with appointment options such as Appointedd organization ID, service name, and entitlement requirements. |
| BookingButton2 | /sitecore/templates/Project/Business Hub/Bookings/BookingButton2 | Alternate booking button template with additional booking option fields. |
Rendering Parameters Template: BookingButtonList ({D0815899-F4CF-4178-A03E-62B7E20AD95B}) — inherits from Column and BSTools5 base parameters.