Touch control to drag appointment length - very hard to touch the right spot

[Tony]

Getting feedback from users that touching the right spot on an appointment when on a mobile or tablet  to be able to drag an appointment to make it shorter or longer is hard to do.  Are there any ways to adjust this to make it easier, or maybe have a selector bar show up to indicate that the UI is ready to have them drag?

[Karthigeyan Krishnamurthi]

Hi Tony, 

 

Syncfusion greetings. 

 

We suspect that your query is related to resizing behavior in Timeline mode. Please also confirm that your requirement is to have resize handler(selector bar) for the event like desktop mode to proceed further. If possible, share image which clearly depicts your requirement. 

 

Regards, 

Karthi 

[Tony]

Basically if you have the schedular open on an iPhone or iPad and try to drag the bottom of an appointment card to resize it from say 30 minutes to 60 minutes it's hard to hit the sweet spot to start the drag.  Does that make sense?

[Karthigeyan Krishnamurthi]

Hi Tony,  

  

Thanks for the update.  

 

We suspect that your requirement is to start the event resize action with some space above its bottom / below its top. In the below sample, we have increased the resize area, kindly try it. 

https://stackblitz.com/edit/react-2rjpmm-paxcjp?file=index.css 

 

.e-device .e-event-resize, 

.e-device .e-resize-clone .e-event-resize { 

  height : 30px !important; 

} 

 

Regards, 

Karthi