We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Drag/Resize To Next Month/Day

Thread ID:

Created:

Updated:

Platform:

Replies:

150212 Dec 26,2019 02:37 PM UTC Jan 7,2020 08:47 AM UTC Angular - EJ 2 3
loading
Tags: Schedule
mehmet yanbak
Asked On December 26, 2019 02:37 PM UTC

Hi,

If the event ends at the end of the month/day , I can't drag/resize it to the next month/day . How can i achieve this ?  Please find attached a sample image.

Attachment: end_of_month_2874fb98.rar

Vinitha Devi Murugan [Syncfusion]
Replied On December 30, 2019 09:40 AM UTC

Hi mehmet, 
 
Syncfusion Greetings. 
 
You can achieve your requirement by enabling navigation in dragStart event. Please refer below sample and UG link. 
 
 
 
Kindly try the sample and Please let us know if you need any further assistance on this.   
 
Regards, 
M.Vinitha devi 
                                         


mehmet yanbak
Replied On January 6, 2020 12:40 PM UTC

Hi Vinitha,

Your solution works but that's not exactly what I want. When I drag the event to the next month, I want just the end point of the event  should move to the next month. Like in this example:  https://ej2.syncfusion.com/angular/demos/#/material/schedule/timeline-resource-grouping
But I can't drag it to the next month/day.

 Please find attached a sample images for better understanding.

This is my HTML, I couldn't find my mistake


<ejs-schedule #scheduleObj width='auto' height='100%' cssClass='custom-css'
*ngIf="isComponentReady" locale='tr' (eventRendered)="eventRendered($event)"
[selectedDate]="selectedDate" (dataBound)="onDataBound()"
(actionComplete)='onActionComplete($event)'
(actionBegin)="onActionBegin($event)"
[group]="group" [allowResizing]="true" [rowAutoHeight]="true" [allowDragAndDrop]="true"
[eventSettings]="eventSettings" [currentView]="currentView">
<e-resources>
<e-resource #project field='ProjectId' title='Choose Project' name='Projects' textField='text' idField='id'
colorField='color' [dataSource]='roomDataSource' [allowMultiple]='allowMultiple'
expandedField='Expand'>
</e-resource>
<e-resource field='TaskId' title='Category' name='Categories' textField='text' idField='id'
groupIDField='groupId' colorField='color' [dataSource]='stationDataSource'
[allowMultiple]='allowMultiple'>
</e-resource>
</e-resources>
<e-views>
<e-view option='TimelineDay'></e-view>
<e-view option='TimelineMonth' [isSelected]="true"></e-view>
</e-views>
</ejs-schedule>

Attachment: drag_70b7f8bc.rar

Vengatesh Maniraj [Syncfusion]
Replied On January 7, 2020 08:47 AM UTC

 
We have tried the shared code in the below sample and it has been working as expected. 
 
 
Kindly check the above sample and if still the issue persists, make your changes in the same sample and revert us the same to resolve it soon. 
 
Regards, 
Vengatesh 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon