TimelineItemTemplate Minimum Width

2 posts, 0 answers
  1. Todd
    Todd avatar
    1 posts
    Member since:
    Dec 2010

    Posted 31 Aug 2012 Link to this post

    I am using Timeline control to display information which contains several groups. Each group can have instant as well as timeline based items. For every group we have defined custom TimelineItemTemplate and TimelineInstantItemTemplate. 
    Our issue is with custom TimelineItemTemplates as you can see in the attached screen shot.
    Depending on the zoom level the items content gets chopped off. Is there a way to retain a minimum width for timeline item on the timeline. It works fine with instant item where items overlaps each other if zoomed in.
    Is there a way to keep minimum width for timeline items. We want to show the bullet at all times irrespective of zoom level. 
    Thanks for you help.

  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 03 Sep 2012 Link to this post

    Hello Rahil,

    I already answered your question in the support ticket that you opened. For your convenience, I give you the information here as well:

    Basically, the events with duration do not respect the MinWidth value and there is no easy way to change this. The reason for that is because these events have start and end DateTime, which correspond to specific points on the timeline. In case you apply MinWidth to these items, at certain zoom levels, items with duration 2 days, will appear the same width as items with duration 1 day. Additionally, the end of the bar will not represent the correct DateTime value on the timeline.

    In case I understand you correctly, you actually want only the bullet to be always fully visible and not have a MinWidth value. If this is the case, you could try to implement a fix, using XAML - try wrapping the XAML for the bullet in a CANVAS.

    All the best,
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top