HI,
In my application I would like to use a XamTimeline control to act as a date selector. using the event point to represent how much data is available on a certain date.
I am having trouble completely hiding the scene.
I followed this example https://ko.infragistics.com/community/forums/f/retired-products-and-controls/51667/how-to-use-the-xamzoombar-as-a-date-selector
When I set the MinHeight on the XamTimeline the event data points and date labels disappear.
If I don't set the MinHeight then I have a big white bar at the top that pushes the content down.
I have tried to fake a picture to show you what I mean since my application is on our intranet.
I was able to reproduce the issue using silverlight DV Startup solution.
MyTimeline is described as follows.
<ig:XamTimeline x:Name="timeline" MinHeight="70" Height="70"><ig:XamTimeline.Axis><ig:DateTimeAxis /></ig:XamTimeline.Axis><ig:XamTimeLine.PreviewAxis><ig:PreviewAxis ShowLabels="True"></ig:XamTimeLine.PreviewAxis><ig:XamTimeline.Series><ig:DateTimeSeries DataSource="{Binding Path=DateTimeEntries}" DataMapping="Time=Time; Details=Details;Title=Title; Duration=Duration" /></ig:XamTimeline.Series></ig:XamTimeline>
I have tried overriding the contentTemplate of the scene but no luck.
Any Ideas?
Hi,
Thank you for proposing a solution but I'm not sure that I follow?
Did you mean using the XamLinearGauge in the horizontal preview of the zoombar?
How would I determine the zoomed in date range? I tried using a datachart (with a categoryDateTimeXAxis) in the horizontal preview of a zoombar but there is no way to get the Visible Maximum and Minimum dates. ?
The other example didn't hide the scene and was using a numeric axis.
I am using version 11.2 and a DateTime axis.
Thanks,
You can try using this code:
<Grid x:Name="LayoutRoot" Background="White">
<Grid.Resources>
<Style x:Key="TimelineStyle" TargetType="ig:XamTimeline">
<Setter Property="MinHeight" Value="70" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ig:XamTimeline">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<ig:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}" />
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<ig:TimelineLegend x:Name="LegendElement"
Title="{TemplateBinding LegendTitle}"
Visibility="Collapsed"
Grid.Column="1" />
<RowDefinition Height="Auto"/>
<Border Opacity="0">
<ig:Scene x:Name="SceneElement"
Style="{TemplateBinding SceneStyle}"
Grid.Column="0" />
<Canvas x:Name="DetailsPaneElement" />
</Grid>
</Border>
<Grid x:Name="ZoombarPanelElement" Height="70" Grid.Row="1" />
<ig:MessageControl x:Name="MessageControlElement"
Style="{TemplateBinding MessageControlStyle}" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Grid.Resources>
<ig:XamTimeline Style="{StaticResource TimelineStyle}" Height="80">
<ig:XamTimeline.Axis>
<ig:DateTimeAxis />
</ig:XamTimeline.Axis>
</ig:XamTimeline>
Currently, there is an issue when the scene is completely hidden, so the height of the Timeline needs to be a little bigger than the Zoombar. We’ll try fixing this in the next service release. In a meantime try using this workaround.
That worked. Thanks!