Hi,
I have a UserControl that contains a RadFluidContentControl, in this I want to define different charts for each content (small, normal, large). The problem is, once I define a my chart for the RadFluidContentControl.SmallContent, this is the only one that is shown. Maybe also important to mention, the UserControl is used in a TileView with 4 tiles.
This is my XAML:
<UserControl
x:Class="Elia.Wcs.Modules.Views.MeteringChart"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
xmlns:telerikChart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Charting"
xmlns:telerikCharting="clr-namespace:Telerik.Windows.Controls.Charting;assembly=Telerik.Windows.Controls.Charting"
xmlns:telerikDragDrop="clr-namespace:Telerik.Windows.Controls.DragDrop;assembly=Telerik.Windows.Controls"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400"
telerikDragDrop:RadDragAndDropManager.AllowDrop="True"
>
<telerik:RadFluidContentControl
SmallToNormalThreshold="190, 140"
NormalToSmallThreshold="189, 139"
NormalToLargeThreshold="320, 320"
LargeToNormalThreshold="319, 319">
<telerik:RadFluidContentControl.SmallContent>
<telerikChart:RadChart x:Name="RadChartSmall" UseDefaultLayout="False" >
<telerikCharting:ChartArea x:Name="ChartAreaSmall"
EnableAnimations="False" NoDataString="Drop a counter here (small content)"
AdditionalYAxes="{Binding AdditionalYAxes}" >
<telerikCharting:ChartArea.AxisX>
<telerikCharting:AxisX AutoRange="True" TicksDistance="15" >
</telerikCharting:AxisX>
</telerikCharting:ChartArea.AxisX>
</telerikCharting:ChartArea>
</telerikChart:RadChart>
<!--<TextBlock Text="TILE 1 SMALL CONTENT"></TextBlock>-->
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.Content>
<TextBlock Text="TILE 1 CONTENT"></TextBlock>
</telerik:RadFluidContentControl.Content>
<telerik:RadFluidContentControl.LargeContent>
<telerikChart:RadChart x:Name="RadChart1" UseDefaultLayout="False" >
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<telerikCharting:ChartTitle Content="{Binding Title}" Grid.Row="0" Grid.Column="0"/>
<telerikCharting:ChartArea x:Name="ChartArea1" Grid.Row="1" Grid.Column="0"
LegendName="ChartLegend2" EnableAnimations="False" NoDataString="Drop a counter here (large content)"
AdditionalYAxes="{Binding AdditionalYAxes}"
>
<telerikCharting:ChartArea.AxisX>
<telerikCharting:AxisX AutoRange="True" TicksDistance="15" >
</telerikCharting:AxisX>
</telerikCharting:ChartArea.AxisX>
</telerikCharting:ChartArea>
<telerikCharting:ChartLegend x:Name="ChartLegend2" Grid.Row="1" Grid.Column="1"/>
</Grid>
</telerikChart:RadChart>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</UserControl>
What am I dong wrong?
Thanks,
Steven
I have a UserControl that contains a RadFluidContentControl, in this I want to define different charts for each content (small, normal, large). The problem is, once I define a my chart for the RadFluidContentControl.SmallContent, this is the only one that is shown. Maybe also important to mention, the UserControl is used in a TileView with 4 tiles.
This is my XAML:
<UserControl
x:Class="Elia.Wcs.Modules.Views.MeteringChart"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
xmlns:telerikChart="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Charting"
xmlns:telerikCharting="clr-namespace:Telerik.Windows.Controls.Charting;assembly=Telerik.Windows.Controls.Charting"
xmlns:telerikDragDrop="clr-namespace:Telerik.Windows.Controls.DragDrop;assembly=Telerik.Windows.Controls"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400"
telerikDragDrop:RadDragAndDropManager.AllowDrop="True"
>
<telerik:RadFluidContentControl
SmallToNormalThreshold="190, 140"
NormalToSmallThreshold="189, 139"
NormalToLargeThreshold="320, 320"
LargeToNormalThreshold="319, 319">
<telerik:RadFluidContentControl.SmallContent>
<telerikChart:RadChart x:Name="RadChartSmall" UseDefaultLayout="False" >
<telerikCharting:ChartArea x:Name="ChartAreaSmall"
EnableAnimations="False" NoDataString="Drop a counter here (small content)"
AdditionalYAxes="{Binding AdditionalYAxes}" >
<telerikCharting:ChartArea.AxisX>
<telerikCharting:AxisX AutoRange="True" TicksDistance="15" >
</telerikCharting:AxisX>
</telerikCharting:ChartArea.AxisX>
</telerikCharting:ChartArea>
</telerikChart:RadChart>
<!--<TextBlock Text="TILE 1 SMALL CONTENT"></TextBlock>-->
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.Content>
<TextBlock Text="TILE 1 CONTENT"></TextBlock>
</telerik:RadFluidContentControl.Content>
<telerik:RadFluidContentControl.LargeContent>
<telerikChart:RadChart x:Name="RadChart1" UseDefaultLayout="False" >
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<telerikCharting:ChartTitle Content="{Binding Title}" Grid.Row="0" Grid.Column="0"/>
<telerikCharting:ChartArea x:Name="ChartArea1" Grid.Row="1" Grid.Column="0"
LegendName="ChartLegend2" EnableAnimations="False" NoDataString="Drop a counter here (large content)"
AdditionalYAxes="{Binding AdditionalYAxes}"
>
<telerikCharting:ChartArea.AxisX>
<telerikCharting:AxisX AutoRange="True" TicksDistance="15" >
</telerikCharting:AxisX>
</telerikCharting:ChartArea.AxisX>
</telerikCharting:ChartArea>
<telerikCharting:ChartLegend x:Name="ChartLegend2" Grid.Row="1" Grid.Column="1"/>
</Grid>
</telerikChart:RadChart>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</UserControl>
What am I dong wrong?
Thanks,
Steven