RadTimeline horizontal scroll issue

5 posts, 1 answers
  1. Rajeswari
    Rajeswari avatar
    3 posts
    Member since:
    Dec 2015

    Posted 20 May Link to this post

    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

  2. Dinko
    Admin
    Dinko avatar
    206 posts

    Posted 25 May Link to this post

    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.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Rajeswari
    Rajeswari avatar
    3 posts
    Member since:
    Dec 2015

    Posted 25 May in reply to Dinko Link to this post

    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
  5. Answer
    Dinko
    Admin
    Dinko avatar
    206 posts

    Posted 27 May Link to this post

    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.
  6. Rajeswari
    Rajeswari avatar
    3 posts
    Member since:
    Dec 2015

    Posted 27 May in reply to Dinko Link to this post

    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

Back to Top
UI for WPF is Visual Studio 2017 Ready