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:
| Product | Lite | Pro |
|---|---|---|
| DayPilot for JavaScript |
DayPilot