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
1 month 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]
1 month ago.

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

Comment posted by andy
1 month ago.

Thank you! We look forward to the response.

Comment posted by Dan Letecky [DayPilot]
1 month 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
1 month 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
1 month ago.

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

Comment posted by Dan Letecky [DayPilot]
1 month 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.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.