|
|
| Line 1: |
Line 1: |
| | = Calendar = | | = Calendar = |
| | | | |
| − | [[File:Calendar_Main.png]]
| + | {{NoteFormat|Documentation for this software has moved to a new home. Please update links and bookmarks to content hosted at https://all.docs.genesys.com/WID/Current/SDK/Calendar-combined.}} |
| − | <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:Public]] | | [[Category:V:PSAAS:Public]] |
