DayPilot.Gantt.messageBarPosition

The messageBarPosition property (string) sets the vertical position of the message bar in the JavaScript Gantt Chart.

Declaration

DayPilot.Gantt.messageBarPosition

Possible Values

• "Top" - displays the message bar at the top of the component.

• "Bottom" - displays the message bar at the bottom of the component.

Default Value

"Top"

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  messageBarPosition: "Bottom",
  // ...
});
gantt.init();

Angular

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

config: DayPilot.GanttConfig = {
  messageBarPosition: "Bottom",
  // ...
};

React

<DayPilotGantt
  messageBarPosition="Bottom"
  {/* ... */}
/>

Vue

<DayPilotGantt
  messageBarPosition="Bottom"
  <!-- ... -->
/>

See Also

DayPilot.Gantt Class