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