Hi Andy,
This can be done by disabling the built-in functionality and adding custom drag handles using active areas:
onBeforeEventRender: args => {
args.data.resizeDisabled = true;
args.data.areas = [
{
left: 4,
top: 8,
height: 24,
width: 12,
symbol: "../icons/daypilot.svg#resize-left",
cssClass: "icon",
action: "ResizeStart"
},
{
right: 4,
top: 8,
height: 24,
width: 12,
symbol: "../icons/daypilot.svg#resize-right",
cssClass: "icon",
action: "ResizeEnd"
}
];
}
See also the source code of this live demo.
Please let me know this isn’t what you are looking for.