DayPilot.Gantt.hideBorderFor100PctHeight

The hideBorderFor100PctHeight property (boolean) hides the Gantt chart border in heightSpec = "Parent100Pct" and "Max100Pct" modes.

The border width is forcibly set to 0 using an inline style, which overrides the CSS theme.

Available since version 2021.3.5085.

Declaration

DayPilot.Gantt.hideBorderFor100PctHeight

Possible Values

  • true - hides the border in the 100% height modes.

  • false - keeps the border visible.

Default Value

false

Examples

JavaScript

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

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>
config: DayPilot.GanttConfig = {
  hideBorderFor100PctHeight: true,
  // ...
};

React

<DayPilotGantt
  hideBorderFor100PctHeight={true}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :hideBorderFor100PctHeight="true"
  <!-- ... -->
/>

See Also

DayPilot.Gantt Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript