All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery Scheduler - View Switcher

View switcher is a scheduler element used for quick switching between views.

View Switcher

To specify what views are available within the switcher, use the views property.

JavaScript
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • views: ['day', 'week', 'agenda']
  • });
  • });

On mobile devices, the view switcher is displayed as a drop-down menu.

Drop-down View Switcher

To use the drop-down menu on all types of devices, assign true to the useDropDownViewSwitcher property; to use tabs - assign false.

JavaScript
  • $(function(){
  • $("#schedulerContainer").dxScheduler({
  • // ...
  • useDropDownViewSwitcher: true
  • });
  • });
See Also