How to scroll to selected date in Year/TimelineYear View

[Bernd]

Hi,

in a schedule with Year or TimelineYear View the view does seem not scroll to the selected date.
I've also tried to use the scrollTo() method but this does not seem to work either.

The TimelineMonth - view seems to work correctly

Please check the following Stackblitz for reproduction:

https://stackblitz.com/edit/angular-7uvdbu?file=app.component.ts

• switch to Year or TimelineYear view
• select a date somewhere in december

=> date is not scrolled into view.

[Balasubramanian Sattanathan]

Hi Bernd, 

Greetings from Syncfusion Support. 

We have validated your requirement “How to scroll to selected date in Year/TimelineYear View” at our side and let you know that currently the scrollTo option is not provided in the timeline year view and we logged this as an improvement at our side and it will include in our weekly patch release which is expected to roll out on October 14, 2020. And regret to let you know that the scrollTo is not feasible in the year view. You can track the status of the issue using the below link. 

Feedback: https://www.syncfusion.com/feedback/18331/scrollto-support-for-timeline-year-view 

Regards, 

Balasubramanian S 

[Bernd]

Hi - I cannot find the issue anymore, the link you've provided says "No support incidents are associated with your account.".
I also cannot find the issue in the release note.
Could you please tell me the status - is it fixed?

best regards, 
Bernd

[Nevitha Ravi]

Hi Bernd, 

Sorry for the inconvenience caused. 

We have rescheduled the issue fix to our upcoming patch release scheduled on October 27, 2020. We would appreciate your patience until then. 

Regards, 

Nevitha 

[Bernd]

Hi,

regarding the release notes and the state of the issue this bug should have been fixed in v18.3.44.

Unfortunately I still can rerpoduce the bug in v18.3.47.

please see the updated Stackblitz here:

https://stackblitz.com/edit/angular-pbhw8r?file=package.json

this new one uses Version 18.3.47 and still shows the buggy behavior:

How to reproduce:

1) start the new Stackblitz in the URL in this comment

2) move the vertical splitter in the StackBlitz so that the right app window is so small that the horizontal scrollbar appears in the scheduler and you only see the half of the month

2) select "Timeline year"

3) select the 25th of November (or the 29th of January) in the Date-Picker below the Scheduler

=> no scrolling to the selected date.

[Praveenkumar Narasimhanaidu]

Hi Bernd, 

Greetings from Syncfusion support..! 

We have validated your query at our end and let you know that we can't use the scrollTo method before layout rendering. In navigating event layout not rendered which is the cause for the reported problem. So, we suggest to use dataBound event to achieve your requirement. We have also prepared a sample for your reference which can be viewed from following link. 

Sample: https://stackblitz.com/edit/ej2-scheduler-angular-scroll-to?file=app.component.ts 

 public onDataBound(args) { 

    console.log("### navigating to: ", this.selectedDate); 

    this.scheduleObj.scrollTo(null, this.selectedDate); 

  } 

Kindly try the above solution and get back to us if you need further assistance. 

Regards, 

Praveenkumar. 

[Bernd]

Hi Praveenkumar,

thanks, this solved the problem.
best regards, 

Bernd

[Nevitha Ravi]

Hi Bernd, 

You are most welcome. Please get back to us for further assistance. 

Regards, 

Nevitha