Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
295
Hiding Timeline Scene Area otherthan Zoombar
posted

Hi,

Is there any way I can Hide Area(Maroone Border) showed in the attached\below picture.

 

Tried following style, Still I am seeing Some space in the the timeline, Is there any way that I can see only the zoombar. Well I have to get Axis Scale and Scale labels on the zoombar. I tried adding a new zoombar control, but Iam not able to see the Axis Scale & Labels. So I am trying to Hide the Entire Scene of Timeline and display only Zoombar.

 

 <Style x:Key="TimelineSceneStyle" TargetType="igTimeline:Scene">          

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="igTimeline:Scene">

                        <Grid Background="White"  Margin="0,0,0,0">

                            <igTimeline:GridArea x:Name="GridAreaElement"></igTimeline:GridArea>

                            <Grid Style="{TemplateBinding SceneGridStyle}">

                                <Grid.RowDefinitions>

                                    <RowDefinition Height="0" />

                                    <RowDefinition Height="0"  />

                                    <RowDefinition Height="0" />

                                    <!--set the height to 0-->

                                </Grid.RowDefinitions>

                                <igTimeline:SeriesPane x:Name="SeriesPaneTopElement" />

                                <Grid x:Name="AxisPaneElement" Height="0" Grid.Row="1"></Grid>

                                <igTimeline:SeriesPane x:Name="SeriesPaneBottomElement" Grid.Row="2" />

                            </Grid>

                        </Grid>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

 

 

Thanks,

Kola

Parents
No Data
Reply
  • 17605
    posted

    You can just change the Height of the Timeline and hide the legend. Try using:

    <igTimeline:XamWebTimeline Height="70" MinHeight="70">

                <igTimeline:XamWebTimeline.LegendStyle>

                    <Style TargetType="igTimeline:Legend">

                        <Setter Property="Visibility" Value="Collapsed" />

                    </Style>

                </igTimeline:XamWebTimeline.LegendStyle>

            </igTimeline:XamWebTimeline>

     

Children