Angular-calendar: Optional Drag & Drop handle icon

Created on 13 Jul 2020  路  3Comments  路  Source: mattlewis92/angular-calendar

Is your feature request related to a problem? Please describe
At the moment if draggable is set to true the whole event is draggable which is not always wanted.

Describe the solution you'd like
It would be nice to be able to specify that the event should only be draggable using for example an icon.

In the image below drag and drop would only be enabled if the user uses the handle icon at the top left:
image

Additional context

Thanks for your great work! :-)

enhancement help wanted

Most helpful comment

This seems like a reasonable feature request, if we add support for drag handles to the drag and drop library then you can use a custom event template like @ALapaque said. If you want to take a stab at implementing it yourself please feel free to make a PR to the library. For some prior art you can take a look at the resize library and see how I implemented it there, it should be a pretty similar solution.

All 3 comments

Thanks so much for opening an issue! If you'd like me to give priority to answering your issue or would just like to support this project, then please consider sponsoring me

Hi @Novabllast,
you can do it by using a custom eventTemplate and setting this icon when the property draggeable is set to true.

This seems like a reasonable feature request, if we add support for drag handles to the drag and drop library then you can use a custom event template like @ALapaque said. If you want to take a stab at implementing it yourself please feel free to make a PR to the library. For some prior art you can take a look at the resize library and see how I implemented it there, it should be a pretty similar solution.

Was this page helpful?
0 / 5 - 0 ratings