AutoScroll to DateTime.Now()

Question

Hi! Is there a way to scroll the diagram into position so I have "Today" in the center of my View?

Alagumeena Kalaiselvan · Answer

Hi Brandon , 
 
Yes , we can able to display the today date in current view using scrollToDate() method in dataBound event.  In the shared work around we have set a project start date as December 25 2021, but the view starts from feburary, because we are passing today date in the scrollToDate() method. We have also display an eventmarker in todays date for highlight the todays date.  
 
Code snippets: 




 
dataBound(args) { 
    var today = new Date(); 
    this.ganttInstance.scrollToDate(today); 
  } 
 
Sample:  https://stackblitz.com/edit/react-un7ufd-v6ozs6?file=index.js  
 
Please contact us for further assistance. 
  
Regards, 
Premkumar S

Brandon · Answer

Thank you!! It works perfectlyI have another question, is it possible to scroll vertically to a specific task? For example I have 100 tasks in my Gantt component but i want to scroll to my task #60

Monisha Sivanthilingam · Answer

Hi Brandon, 
 
You are welcome. 
 
Yes, it is possible to scroll vertically to a particular task by using the selectRow method. We have modified the sample we shared previously to scroll to a particular record at load time itself. The below code snippets demonstrate the solution. 
 
Index.js 




 
dataBound(args) { 
  var today = new Date(); 
  this.ganttInstance.scrollToDate(today); 
  this.ganttInstance.selectionModule.selectRow(10, true, true); 
} 
 
 
Sample: https://stackblitz.com/edit/react-un7ufd-bru6ox?file=index.js 
 
Please contact us if you require any further assistance. 
 
Regards, 
Monisha.