mode

sets the currently active mode/tab

Values

Example

webix.ui({
  view: "scheduler",
  mode: "week" // switches to the "week" mode initially
  date: new Date(2020, 4, 21, 0, 0, 0),
  url: "https://docs.webix.com/calendar-backend/",
});

Default value:

"month"

Related samples

The reactive property sets the currently active mode/tab. Refreshing is not required as the change will be applied immediately.

You can also access and alter this property via the widget state:

webix.ui({
  view: "scheduler",
  date: new Date(2020, 4, 21, 0, 0, 0),
  url: "https://docs.webix.com/calendar-backend/",
  on: {
    onInit: app => {
      const state = app.getState();
      state.$observe("mode", v => {
        webix.message(`You are in the "${v}" display mode!`)});
      }
    }
  });

Back to top