DayPilot.Navigator.orientation

The orientation property (string) sets the orientation of the Navigator when multiple months are displayed using showMonths.

Declaration

DayPilot.Navigator.orientation

Possible Values

• "Horizontal" - displays multiple months next to each other.

• "Vertical" - displays multiple months one below another.

Default Value

"Vertical"

Examples

JavaScript

const dp = new DayPilot.Navigator("dp", {
  showMonths: 3,
  orientation: "Horizontal",
  // ...
});
dp.init();

Angular

<daypilot-navigator [config]="config"></daypilot-navigator>

config: DayPilot.NavigatorConfig = {
  showMonths: 3,
  orientation: "Horizontal",
  // ...
};

React

<DayPilotNavigator
  showMonths={3}
  orientation="Horizontal"
  {/* ... */}
/>

Vue

<DayPilotNavigator
  :showMonths="3"
  orientation="Horizontal"
  <!-- ... -->
/>

See Also

DayPilot.Navigator.showMonths

DayPilot.Navigator Class