This content has been translated automatically.  Click here  to view the French version.
  • Overview
  • Control found in a window, page or report
  • Creating a Scheduler control (window and page editor)
  • Describing a scheduler (window and page editor)
  • The control options (window editor and page editor)
  • Modes for filling a Scheduler control
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Stored procedures

Control found in a window, page or report

The Scheduler control is used to automatically display and handle schedules. It is used to manage the display of multiple resources and it is used in several applications or sites.
The display is performed:
  • on a daily, weekly or montly basis,
The time period, the first day of the week and the number of days to display can be configured. These parameters can be easily defined in the control description window.
Creating a Scheduler control (window and page editor)
To create a Scheduler control:
  1. On the "Creation" tab, in the "Graphic controls" group, expand "Time" and select "Scheduler".
  2. Click where the control will be created in the window or page.
  3. The control appears in the editor.
Remark: The dimensions of the control are optimized to take up the available space at the specified position. If the control size does not suit you, press Ctrl + Z: the control size will be reset to default.
To view the characteristics of the control, select "Description" in the context menu.
Describing a scheduler (window and page editor)

The control options (window editor and page editor)

The Scheduler control can be set up directly in the editor using the description window.
In the "General" tab it is possible to specify the window or the internal Page to be used to customize the display of appointments. For more details, see Scheduler control: Customize appointments.
In the "Detail" tab, the Scheduler control parameters are as follows:
  • With buttons to change the time range: This option is used to display buttons in order for the user to scroll the different periods of the schedule. These buttons are displayed at the top left of schedule.
    AndroidiPhone/iPad This option is not available. Indeed, the change of period is performed via an horizontal swipe on the Scheduler control.
  • AndroidiPhone/iPad Number of days to display: By default, the display is performed on a monthly basis but a schedule can also be displayed on a daily basis, on a weekly basis (on 5 or 7 days), according to the number of appointments or according to a specified number of days.
  • Resource display mode: By default, resources are displayed by rows.
  • Time display: Used to define:
    • the format of the date displayed for the "day" columns (or rows) of the scheduler.
    • whether the time must be displayed or not in the control.
    • the format of the time displayed for the "day" columns (or rows) of scheduler.
    • whether the week number must be displayed or not, as well as its format. In the format, the '%1' string corresponds to the week number. Example of format: "Wk. %1".
  • Time slots: Used to define:
    • the visible time period: Time period that will be displayed in the control.
    • the working time period: Time period for which an appointment can be defined.
  • Appointments: Used to specify the characteristics of the appointments:
    • AndroidiPhone/iPad Appointment granularity: Precision for displaying the schedule. By default, the granularity is set to 30 minutes.
      You can define:
      • the granularity regarding the move of an appointment.
      • the granularity of the appointment duration, which means the minimum duration of an appointment. Caution: by default, this duration is set to 24 hours.
    • iPhone/iPad Continuous display if several days: Used to display an appointment over several days as a single appointment. If this option is unchecked, the appointments on several days will correspond to as many appointments as the number of days.
  • Other parameters:
    • Allow direct input of an appointment: Allows the user to add an appointment directly.

      AndroidiPhone/iPad All you have to do is click in the Scheduler control. A "+" button appears in the selected area. The event "Before creating the appointment" is run when clicking "+". You can open a window to type the appointment characteristics. For more details, see Scheduler control events.
The edit options via the mouse are as follows:
  • Move. You can allow (or not) the user to move an appointment.
  • AndroidiPhone/iPad Allow users to change resources. If this option is checked, when moving an appointment, the user will be able to associate it with a different resource.
  • AndroidiPhone/iPad Allow users to overlap elements. If this option is checked, when moving appointments, the user will be able to make them overlap. In this case, the options defined for overlapping appointments (offset or side by side) will be taken into account.
The options regarding the dimension of areas are as follows:
  • AndroidiPhone/iPad the resources are always displayed by rows. You have the ability to configure the following elements:
    • Resource height.
    • Width of the resource header.
Most of these parameters can be modified through programming. For more details, see Scheduler control properties.

Modes for filling a Scheduler control

AndroidiPhone/iPad Scheduler controls can only be populated programmatically. For more details, see Scheduler control: programming via the different events and WLanguage functions.
Related Examples:
WD Schedule Complete examples (WINDEV): WD Schedule
[ + ] This example presents the management of a graphic schedule.

The following topics are presented in this example:
1/ the scheduler control
2/ the Google Calendar functions
The Scheduler control Unit examples (WEBDEV): The Scheduler control
[ + ] This example explains how to use the Scheduler control. Two uses are presented:
- Filling the schedule by programming,
- Filling the schedule by databinding from a code variable.
WW_Schedule Complete examples (WEBDEV): WW_Schedule
[ + ] This example is used to dynamically display the tasks of the different contributors.
You have the ability to add, modify or delete tasks by clicking the schedule elements.
All the operations are performed via AJAX.
This example is also used to move a control by programming.
Minimum version required
  • Version 16
This page is also available for…
Click [Add] to post a comment