Hi
I'm developing a UI with Telerik components. I need a docking panel, with a main document and three side panes. These panes are displaying different information in asynchronous way, so i need three different RadBusyIndicator (one each pane) to tell the user that the panel is busy. The content of the panes is nothing special: a map control, a radchart, a radgrid.
The problem appear in design time: i cannot put a busyindicator inside a radpane, or the following exception is generated:
This is a code snippet of my current structure (some code cut):
<telerik:RadDocking>
<telerik:RadDocking.DocumentHost>
<telerik:RadSplitContainer>
<telerik:RadPaneGroup >
<!--<Controls:RadBusyIndicator Name="busyIndicatorGrid" Grid.Column="2">-->
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<Controls1:RadGridView Name="grid"
Grid.Row="0"
Grid.ColumnSpan="2"
AutoGeneratingColumn="GridAutoGeneratingColumn"
FrozenColumnCount="1"
VerticalAlignment="Stretch"
ItemsSource="{Binding ElementName=gridPager, Path=PagedSource}"
IsReadOnly="true"
SelectionMode="Extended"
SelectionChanged="GridSelectionChanged"
DataLoaded="GridDataLoaded"
IsSynchronizedWithCurrentItem="false">
</Controls1:RadGridView>
<Controls2:RadDataPager
Name="gridPager"
Grid.Row="1" Grid.Column="1"
PageSize="1000"
DisplayMode="FirstLastPreviousNextNumeric"
AutoEllipsisMode="Both"
NumericButtonCount="7"
IsTotalItemCountFixed="True"
Visibility="Collapsed"
HorizontalAlignment="Right"
/>
</Grid>
<!--</Controls:RadBusyIndicator>-->
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
</telerik:RadDocking.DocumentHost>
<telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedRight">
<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="200, 200">
<telerik:RadPane Header="Chart">
<!--<Controls:RadBusyIndicator Name="busyIndicatorMap">-->
<t:MapControl x:Name="WorldMap"/>
<!--</Controls:RadBusyIndicator>-->
</telerik:RadPane>
</telerik:RadPaneGroup>
<telerik:RadPaneGroup telerik:ProportionalStackPanel.RelativeSize="200, 200">
<telerik:RadPane Header="Chart">
<!--<Controls:RadBusyIndicator Name="busyIndicatorChart">-->
<telerikChart:RadChart x:Name="radChart" />
<!--</Controls:RadBusyIndicator>-->
</telerik:RadPane>
</telerik:RadPaneGroup>
</telerik:RadSplitContainer>
</telerik:RadDocking>
Looks something related to size, but i can't figure out how to solve the issue.
What is the best practice to avoid this problem?
Thanks in advance.
Francesco Grandis