Our powerful JS Calendar component


Post by jeff.wang »

Hi

How to display the drag hint bar on both side when hover on the event of single day like below image.

Image

Image

In addition, can i know the which side is dragged when listener to the beforeDragResizeEnd.

Thank you!

Last edited by jeff.wang on Wed Jun 15, 2022 9:58 am, edited 3 times in total.

Post by tasnim »

How to display the drag hint bar on both side when hover on the event of single day like below image.

It will show when you hover on the left and right side of the event.

n addition, can i know the which side is dragged when listener to the beforeDragResizeEnd.

You can compare dragged end date to the start date


Post by jeff.wang »

if the event date time is the one day like up, it is not show when hover on the left and right side of the event


Post by alex.l »

Please have a look at this config https://bryntum.com/docs/calendar/api/Calendar/feature/EventTooltip#config-showOn
If I understood you correct, all you need is set showOn to hover

       eventTooltipFeature : { 
           showOn : 'hover'
       }

All the best,
Alex


Post by jeff.wang »

I mean, if the event date time are 0:01 of begin and 23:59 of end ( number 1), the event don't display the drag hint bar on both side when hover like below, the event date time are more one day like number2, the drag bar will display when hover.

Image

Last edited by jeff.wang on Wed Jun 15, 2022 10:04 am, edited 1 time in total.

Post by tasnim »

This is how it actually works. It's explained in the docs also that you can only resize all-day events in Month View.
Here is the docs reference : Click me


Post by jeff.wang »

it is ok, just set the allDay to true.

thank you!


Post Reply