This is a migrated thread and some comments may be shown as answers.

RadTimeline horizontal scroll issue

4 Answers 124 Views
TimeLine
This is a migrated thread and some comments may be shown as answers.
Rajeswari
Top achievements
Rank 1
Rajeswari asked on 20 May 2016, 04:51 PM

Hi,

I would like to know how we can have a horizontal scroll for the RadTimeline. The error is shown displayed on the line "<telerik:SelectionRange`1 End="1" Start="0"/>" which is part of the RadTimeline template. I have attached the screenshot of how the timeline looks currently.

Regards,

Rajeswari

4 Answers, 1 is accepted

Sort by
0
Dinko | Tech Support Engineer
Telerik team
answered on 25 May 2016, 09:16 AM
Hi Rajeswari,

Thank you for contacting Telerik Support.

The scrolling and zooming behavior of the RadTimeline controls are enabled by default.  We are not sure what could be the reason causing the scrollbar not to appear in your application. You can send us sample project from your application so we can further test it on our side. In addition, you can check the ScrollMode help article in our documentation.

As for the error mention in your post about the SelectionRange`1. We are assuming that you extract the default template of the control in Visual Studio. If this is the case, you have to keep in mind that the SelectionRange property of the TimelineScrollBar is not extracted correctly.  It is safe to remove the setter of this property from the XAML template.
<!-- <telerik:TimelineScrollBar.Selection>
    <telerik:SelectionRange`1 End="1" Start="0"/>
</telerik:TimelineScrollBar.Selection> -->

Hope this information is useful.

Regards,
Dinko
Telerik
Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
0
Rajeswari
Top achievements
Rank 1
answered on 25 May 2016, 09:59 AM
Hi Dinko,

Thank you for providing the information on the TimelineScrollBar error. For the horizontal scroll issue I have still not been able to find a solution. I have attached the project(in jpg format. Please change the format to .zip and unzip the project) I was working on where I have provided the EndDate for one of the item as 2018, but it does not appear completely.

Regards,
Rajeswari
0
Accepted
Dinko | Tech Support Engineer
Telerik team
answered on 27 May 2016, 11:18 AM
Hello Rajeswari,

Let me first start with that the content of the timeline between the PeriodStart and PeriodEnd properties of the RadTimeline control is scrollable. In your case, you are setting the PeriodEnd to the year 2016. That is why the timeline item (Title = "Final Preparation") end date in your project is not appearing. In order to show its end period in the timeline, you can set the PeriodEnd property to bigger date so every timeline item to be visualized. (for example to the year 2018) In your project, you can comment the following code so you can observe the explained  behavior above.
//   if (newEndDate > this.currentDate)
//    newEndDate = this.currentDate;

In addition, you can bind the VisiblePeriodStart and VisiblePeriodEnd properties ( to a dates bigger from PeriodStart and lower from PeriodEnd ) which specify the current visible range in the timeline control and thus, the zoom level.

Give this approach a try and let me know if this works for you.

Regards,
Dinko
Telerik
Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
0
Rajeswari
Top achievements
Rank 1
answered on 27 May 2016, 11:36 AM

Hello Dinko,

Thanks for the info.I have got it resolved. I had misunderstood the VisiblePeriodStart and VisiblePeriodEnd as the start and end of the first and last date, As i was using this control for the first time. 

Regards,

Rajeswari

Tags
TimeLine
Asked by
Rajeswari
Top achievements
Rank 1
Answers by
Dinko | Tech Support Engineer
Telerik team
Rajeswari
Top achievements
Rank 1
Share this question
or