Rendering Issues with RadTimeBar

[TJ]

Hi,

I have a custom user control that combines a RadBusyIndicator with a RadTimeBar:

<Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadBusyIndicator x:Name="busyIndicator" IsBusy="True" IsIndeterminate="True" BusyContent="Loading..." telerik:StyleManager.Theme="Metro">
            <telerik:RadTimeBar Name="timeBarMain" telerik:StyleManager.Theme="Metro" BorderThickness="0" FontSize="8"  Margin="2,2"
                                HorizontalAlignment="Stretch" VerticalAlignment="Stretch" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"
                                IsSnapToIntervalEnabled="True"
                                PeriodStart="1-Jan-2010" PeriodEnd="1-Jan-2013"
                                VisiblePeriodStart="{Binding Path=VisiblePeriodStart, ElementName=MyRoot}" VisiblePeriodEnd="{Binding Path=VisiblePeriodEnd, ElementName=MyRoot}"
                                SelectionStart="{Binding Path=SelectionStart, Mode=TwoWay, ElementName=MyRoot}" SelectionEnd="{Binding Path=SelectionEnd, Mode=TwoWay, ElementName=MyRoot}"
                                MinSelectionRange="{Binding Path=MinSelectionRange, ElementName=MyRoot}" MaxSelectionRange="{Binding Path=MaxSelectionRange, ElementName=MyRoot}"
                                IsEnabled="{Binding Path=IsEnabled, ElementName=MyRoot}">
                <telerik:RadTimeBar.Intervals>
                    <telerik:YearInterval />
                    <telerik:MonthInterval />
                    <telerik:DayInterval />
                    <telerik:HourInterval />
                </telerik:RadTimeBar.Intervals>
                <telerik:RadAreaSparkline x:Name="timeBarLine" telerik:StyleManager.Theme="Metro" Margin="0,3"
                                            XValuePath="Date" YValuePath="Value" ItemsSource="{Binding Path=TimeBarData, ElementName=MyRoot}"
                                            ShowAxis="True" />
            </telerik:RadTimeBar>
        </telerik:RadBusyIndicator>
    </Grid>

I'm using it in two different views that enclose the user control differently.

1.

<telerik:RadDocking Name="radDockingMain" Grid.Row="1" BorderThickness="0" Padding="0" telerik:StyleManager.Theme="Metro" MouseLeftButtonDown="RadDocking_MouseLeftButtonDown" >
            <telerik:RadDocking.DocumentHost>
                <telerik:RadSplitContainer x:Name="radDockingSplitContainerMain" InitialPosition="FloatingDockable">
                    <telerik:RadPaneGroup Name="radpaneGroupDataParts" OverflowMode="Scroll" SelectedItemRemoveBehaviour="SelectNone">
<!-- Control gets inserted here inside a RadPane -->
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>
            </telerik:RadDocking.DocumentHost>
        </telerik:RadDocking>

2.

<telerik:RadExpander x:Name="expanderTimeBar"
                                     Header="Time Range"
                                     IsExpanded="True"
                                     VerticalContentAlignment="Top"
                                     telerik:AnimationManager.IsAnimationEnabled="True"
                                     telerik:StyleManager.Theme="Metro"
                                     Margin="2"
                                     >
        <Grid x:Name="gridTimeBar" Margin="2" MinHeight="150">
<!-- Control gets inserted directly here -->
         </Grid>
</telerik:RadExpander>

The first view behaves correctly, but the second view has a couple issues:

1. On first load, neither the chart nor the interval labels will render, but the selection window will. However, if you collapse and then expand the Expander, both show up. Alternatively, if you try to change the selection, the chart will render but the interval labels won't. (See attached screenshot)

2. Once you get the RadTimeBar to render by collapsing and expanding the Expander, the zoom bar at the bottom will minimize and move all the way to the left. If you try to move the zoom bar, it will expand and become usable again. However, as soon as you change the selection, the zoom bar will minimize again. (See attached screenshot)

Any help with either of these issues would be greatly appreciated. Thanks!

[Tsvetie]

Hello,

I tested your code and I was not able to reproduce the problem that you describe with it. I suppose there is something specific to your setup that leads to the problem. That is why, it will be best, if we continue the discussion in the formal support ticket that you opened for the same problem, as you can attached a test project there.

All the best,
Tsvetie
the Telerik team