Removing header

2 posts, 0 answers
  1. Nick
    Nick avatar
    1 posts
    Member since:
    Jun 2009

    Posted 11 Jan 2013 Link to this post

    Hi there,

    I'm trying to host a RadTimeLine inside a RadTimeBar so that I can view timeline events but with the selection ability of the TimeBar.

    a) If I want the mouse scrolling to work, I need to have intervals set on my RadTimeBar, but I don't want duplicate intervals to be displayed. I can't seem to make the header height for the RadTimeLine drop to zero - is it possible to completely hide either of the headers?

    b) I'd like the cursor to just be a single line rather than a selected range - representing an instant in time rather than a period. Is there a simple way to do this?

    Many thanks

    Nick
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 16 Jan 2013 Link to this post

    Hello Nick,

    1. You need to set the intervals collection for the RadTimeBar, in which you add the RadTimeline control and keep the intervals collection of the timeline itself empty. In this case you should be able to use the mouse wheel to zoom and the timeline control will not render a second row of datetime labels.
      For example, in our Fist Look demo, we have removed the group periods rows by specifying only one interval type in the intervals collection - it is used for the item periods row. Additionally, we have modified the default Padding, applied to the panel, holding the timeline items with the following implicit Style: 
      <Style TargetType="timelines:TimelineItemContainer" BasedOn="{StaticResource TimelineItemContainerStyle}">
          <Setter Property="ItemsPanel">
              <Setter.Value>
                  <ItemsPanelTemplate>
                      <timelines:TimelineItemGroupsPanel Padding="0,33,0,0" Background="#01FFFFFF" />
                  </ItemsPanelTemplate>
              </Setter.Value>
          </Setter>
      </Style>
    2. I could not quite understand your second question - in case you want to specify the cursor for a specific element , you can do this by customizing the style of that element. In case I misunderstood your question, please explain in detain what you are trying to achieve. It will be best, if you could send an image, demonstrating your idea as well.

    Greetings,
    Tsvetie
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top