search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

React schedule Pro (trial) > Disable/hide link one link dot for specific events

Asked by andy
21 days ago.

We are looking for the ability to only disable/hide left link dot for certain events (and potentially vice versa for right link dot).

After reading docs about links, I don’t see a way to do that currently. Setting `linkCreateHandling: Disabled` will disable link creation altogether.

Will this have to be a feature request?

Thank you!

Answer posted by Dan Letecky [DayPilot]
21 days ago.

This can be added easily - I’ll let you know as soon as it is available.

Comment posted by andy
21 days ago.

Thank you! We look forward to the response.

Comment posted by Dan Letecky [DayPilot]
20 days ago.

This option is now implemented in the latest sandbox build (2025.3.6625):

In addition to linkCreateDisabled property (which was already available), you can also use linkCreateStartDisabled and linkCreateFinishDisabled properties of the event data object.

You can use it in onBeforeEventRender like this:

onBeforeEventRender: args => {
    if (args.data.start < DayPilot.Date.today()) {
        args.data.linkCreateStartDisabled = true;
    }
},

If there is any problem, please let me know.

Comment posted by andy
15 days ago.

Hi Dan,

It works perfectly! Thank you.

Do you know if the same approach can be supported for resizing event?

Something like `resizeStartDisabled`/`resizeEndDisabled`?

Comment posted by andy
15 days ago.

or `resizeFinishDisabled` for consistency. Either way works for us.

Comment posted by Dan Letecky [DayPilot]
14 days ago.

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.

New Reply
This reply is
Attachments:
or drop files here
Your name (optional):