Jump to: navigation, search
(Created target blank page For Version: PSAAS:Julie)
 
(Update with the copy of version: Public)
Line 1: Line 1:
−
<!-- Creation of the target page -->
+
= Calendar =
 +
 
 +
[[File:Calendar_Main.png]]
 +
<br/>
 +
*[[CalendarConfiguration|Configuration]]
 +
*[[CalendarLocalization|Localization]]
 +
*[[CalendarCommands|API Commands]]
 +
*[[CalendarEvents|API Events]]
 +
 
 +
== Overview ==
 +
 
 +
Calendar widget is a UI Plugin that displays time-slots for a selected day. Each day is divided into 3 sections (for example, 'Morning', 'Afternoon' and 'Evening'). The number of days to display, as well as open time and close time for a day are configurable as shown in [[CalendarConfiguration|Configuration]].
 +
 
 +
== Usage ==
 +
 
 +
{{NoteFormat|By default the calendar widget needs a UI container to display itself properly. Please refer to the [[CalendarEvents|calendar generated events]] to get the calendar and to display it where you prefer.}}
 +
 
 +
* Enable/Disable certain sections of a day using [[CalendarConfiguration|calendarHours.section.enable]]
 +
* Define your own business hours for each section of a day using  [[CalendarConfiguration|calendarHours.section.openTime and calendarHours.section.closeTime]].
 +
* Use [[CalendarConfiguration|showAvailability]] configuration to enable only those time-slots for which a customer service agent is available and disable the remaining.
 +
* Define your own [[CalendarConfiguration|time interval]] between each time-slot.
 +
 
 +
== Customization ==
 +
 
 +
All the texts shown in calendar widget are fully localizable as shown in [[CalendarLocalization|Localization]]
 +
 
 +
== Namespace ==
 +
 
 +
Calendar plugin has the following namespaces tied-up with each of the following types:
 +
 
 +
{| style="width: auto;"
 +
|-
 +
! Type
 +
! Namespace
 +
|-
 +
| [[CalendarConfiguration|Configuration]]
 +
| calendar
 +
|-
 +
| i18n - [[CalendarLocalization|Localization]]
 +
| calendar
 +
|-
 +
| CXBus - [[CalendarCommands|API Commands]] & [[CalendarEvents|API Events]]
 +
| Calendar
 +
|-
 +
| CSS
 +
| .cx-calendar
 +
|-
 +
|}
 +
 +
== Mobile Support ==
 +
 
 +
Calendar supports both desktop and mobile devices. Like all Genesys Widgets, there are two main modes: Desktop & Mobile. Desktop is employed for monitors, laptops, and tablets. Mobile is employed for smartphones. When a smartphone is detected, Calendar switches to special full-screen templates that are optimized for both portrait and landscape orientations.
 +
 
 +
Switching between desktop and mobile mode is done automatically by default. You may configure Genesys Widgets to switch between Desktop and Mobile mode manually if necessary.
 +
 
 +
== Screenshots ==
 +
 
 +
'''"Dark" Theme'''
 +
<gallery>
 +
Calendar_Dark01.png|Mobile fullscreen view in portrait orientation
 +
Calendar_Dark02.png|Mobile fullscreen view in landscape orientation
 +
</gallery>
 +
 
 +
'''"Light" Theme'''
 +
<gallery>
 +
Calendar_Light01.png|Mobile fullscreen view in portrait orientation
 +
Calendar_Light02.png|Mobile fullscreen view in landscape orientation
 +
</gallery>
 +
 
 +
[[Category:V:PSAAS:Julie]]

Revision as of 16:59, June 7, 2019

Calendar

Calendar Main.png

Overview

Calendar widget is a UI Plugin that displays time-slots for a selected day. Each day is divided into 3 sections (for example, 'Morning', 'Afternoon' and 'Evening'). The number of days to display, as well as open time and close time for a day are configurable as shown in Configuration.

Usage

Important
By default the calendar widget needs a UI container to display itself properly. Please refer to the calendar generated events to get the calendar and to display it where you prefer.

Customization

All the texts shown in calendar widget are fully localizable as shown in Localization

Namespace

Calendar plugin has the following namespaces tied-up with each of the following types:

Type Namespace
Configuration calendar
i18n - Localization calendar
CXBus - API Commands & API Events Calendar
CSS .cx-calendar

Mobile Support

Calendar supports both desktop and mobile devices. Like all Genesys Widgets, there are two main modes: Desktop & Mobile. Desktop is employed for monitors, laptops, and tablets. Mobile is employed for smartphones. When a smartphone is detected, Calendar switches to special full-screen templates that are optimized for both portrait and landscape orientations.

Switching between desktop and mobile mode is done automatically by default. You may configure Genesys Widgets to switch between Desktop and Mobile mode manually if necessary.

Screenshots

"Dark" Theme

  • Mobile fullscreen view in portrait orientation

  • Mobile fullscreen view in landscape orientation

"Light" Theme

  • Mobile fullscreen view in portrait orientation

  • Mobile fullscreen view in landscape orientation

Comments or questions about this documentation? Contact us for support!