different Charts in FluidContentControl

[Steven Hillaert]

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

[Vladimir Milev]

Hi Steven Hillaert,

I am looking in to your case, however, I can't reproduce the problem described. Would you please post a small runnable application which shows the problem so that we can advise you more accurately?

Best wishes,
Vladimir Milev
the Telerik team

[Steven Hillaert]

Hi,

How can I send you my file?

Regards,
Steven Hillaert

[Vlad]

Hi Steven,

 You can open support ticket. 

Greetings,
Vlad
the Telerik team

[Pierre]

I got the same problem here. But we do not use the small content in the RadFluidContentControl, only tne content (that have a bar chart) and the large content a radgrid. But if We change from normal to large the chart just resize himself and the grid never appear. If I put the chart in comment all work like expected.

Do you find a solution to your problem?

[Steven Hillaert]

No solution but I opened a support ticket.


Steven Hillaert

[Pierre]

Share solution?