The linkCornerRadius property (number) sets the maximum corner radius of right-angled Scheduler event links, in pixels.

Available since 2026.3.7051.

Declaration

DayPilot.Scheduler.linkCornerRadius

Default Value

0

Notes

  • Applies when DayPilot.Scheduler.linkShape is "RightAngled". Curved links ignore this property.

  • The value is the maximum radius in pixels. Short link segments use a smaller radius automatically so that the corners and end arrow fit.

  • Rounding preserves the link route and attachment points. The visible line and its mouse hit area use the same rounded corners.

  • Use a non-negative finite number. Zero keeps sharp corners; negative, non-finite and non-number values are treated as zero.

Examples

JavaScript

This example assumes that the DayPilot library is loaded and a <div id="dp"></div> element is available.

const dp = new DayPilot.Scheduler("dp", {
  startDate: "2026-09-01",
  days: 1,
  scale: "Hour",
  linkShape: "RightAngled",
  linkCornerRadius: 6,
  resources: [{id: "A", name: "Resource A"}, {id: "B", name: "Resource B"}],
  events: [
    {
      id: 1,
      text: "Task 1",
      resource: "A",
      start: "2026-09-01T08:00:00",
      end: "2026-09-01T10:00:00"
    },
    {
      id: 2,
      text: "Task 2",
      resource: "B",
      start: "2026-09-01T12:00:00",
      end: "2026-09-01T14:00:00"
    }
  ],
  links: [{id: "dependency-1", from: 1, to: 2, type: "FinishToStart"}]
});
dp.init();

The following framework excerpts show the relevant options. Supply resources and event data as in the JavaScript example and include its link data.

Angular

<daypilot-scheduler [config]="config"></daypilot-scheduler>
config: DayPilot.SchedulerConfig = {
  linkShape: "RightAngled",
  linkCornerRadius: 6,
};

React

<DayPilotScheduler
  linkShape="RightAngled"
  linkCornerRadius={6}
/>

Vue

<DayPilotScheduler
  linkShape="RightAngled"
  :linkCornerRadius="6"
/>

See Also

Availability

Availability of this API item in DayPilot editions:

ProductLitePro
DayPilot for JavaScript