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

Removing header

1 Answer 143 Views
TimeLine
This is a migrated thread and some comments may be shown as answers.
Nick
Top achievements
Rank 1
Nick asked on 11 Jan 2013, 06:40 PM
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

1 Answer, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 16 Jan 2013, 01:09 PM
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.

Tags
TimeLine
Asked by
Nick
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Share this question
or