I have incorporated radcharts in tileview. The XAML is pasted below:
<telerikNavigation:RadTileView x:Name="RadTileView1"
Width="1100"
Height="950"
MinimizedColumnWidth="197"
Grid.Row="1" Grid.ColumnSpan="2"
SizeChanged="RadTileView1_SizeChanged"
PreviewTileStateChanged="RadTileView1_PreviewTileStateChanged">
<telerikNavigation:RadTileViewItem x:Name="LoanOverview">
<telerikNavigation:RadTileViewItem.Header>
<TextBlock Text="LOAN OVERVIEW" Style="{StaticResource HeaderTitle}" />
</telerikNavigation:RadTileViewItem.Header>
<telerikNavigation:RadTileViewItem.Content>
<telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"
>
<telerik:RadFluidContentControl.SmallContent>
<Border Width="193" Height="30">
<TextBlock Text="This monitor displays the Loan UPB count by user" Style="{StaticResource SmallBox}" />
</Border>
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.LargeContent>
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<telerikChart:RadChart x:Name="RadChart1" UseDefaultLayout="False" telerik:StyleManager.Theme="Office_Black" >
<Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<telerikCharting:ChartTitle
Content="LOAN COUNT BY INVESTOR"
HorizontalAlignment="Center"
Grid.ColumnSpan="2" FontSize="12" />
<telerikCharting:ChartArea x:Name="ChartArea1"
Grid.Row="1"
Grid.ColumnSpan="2"
Foreground="#FF01A6D7"
FontFamily="Calibri"
FontSize="9"
FontWeight="Bold"
/>
<telerikCharting:ChartTitle
HorizontalAlignment="Center"
Content="UPB BY INVESTOR"
Grid.Row="2" Grid.ColumnSpan="2"/>
<telerikCharting:ChartArea x:Name="ChartArea3"
VerticalAlignment="Stretch"
HorizontalAlignment="Stretch"
Grid.Row="2" Grid.ColumnSpan="2"
FontFamily="Calibri"
FontSize="9"/>
</Grid>
</telerikChart:RadChart>
</Grid>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</telerikNavigation:RadTileViewItem.Content>
</telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem >
<telerikNavigation:RadTileViewItem.Header>
<TextBlock Text="USER OVERVIEW" Style="{StaticResource HeaderTitle}" />
</telerikNavigation:RadTileViewItem.Header>
<telerikNavigation:RadTileViewItem.Content>
<telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"
>
<telerik:RadFluidContentControl.SmallContent>
<Border Width="193" Height="30">
<TextBlock Text="This monitor displays the loan\user assignment" Style="{StaticResource SmallBox}" />
</Border>
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.LargeContent>
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<telerikChart:RadChart x:Name="RadChart2" GotFocus="RadChart2_GotFocus" UseDefaultLayout="False" telerik:StyleManager.Theme="Office_Black" >
<Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="10,10,0,20">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<telerikCharting:ChartTitle Margin="0,0,0,10"
HorizontalAlignment="Center"
Content="LOAN COUNT BY USER" Grid.ColumnSpan="2"
/>
<telerikCharting:ChartArea x:Name="ChartArea2" LegendName="ChartLegend3"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Grid.Row="1"
Grid.Column="0"
Loaded="ChartArea2_Loaded"
FontFamily="Segoe UI"
FontSize="10"
FontWeight="Bold"
Foreground="Black"
/>
<telerikCharting:ChartLegend x:Name="ChartLegend3"
Header="Loading Data..."
VerticalAlignment="Stretch"
Grid.Column="1"
FontFamily="Segoe UI"
FontSize="10"/>
</Grid>
</telerikChart:RadChart>
</Grid>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</telerikNavigation:RadTileViewItem.Content>
</telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem.Header>
<TextBlock Text="BMW 6 Series" Style="{StaticResource HeaderTitle}" />
</telerikNavigation:RadTileViewItem.Header>
<telerikNavigation:RadTileViewItem.Content>
<telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"
SmallToNormalThreshold="279, 130"
NormalToSmallThreshold="280, 131"
NormalToLargeThreshold="730, 350"
LargeToNormalThreshold="731, 351">
<telerik:RadFluidContentControl.SmallContent>
<Border Width="230" Height="30">
<TextBlock Text="BMW 6 Series Convertible" Style="{StaticResource SmallBox}" />
</Border>
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.Content>
<Image Source="/TileView/Images/Normal/car2.png" HorizontalAlignment="Left" Margin="13 13 0 0" Height="130" Width="279" VerticalAlignment="Top" />
</telerik:RadFluidContentControl.Content>
<telerik:RadFluidContentControl.LargeContent>
<Grid Width="730" Height="350">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Image Source="/TileView/Images/Large/car5.png"
Height="156" Width="715" VerticalAlignment="Top"
Grid.ColumnSpan="3" Margin="11 11 16 0"/>
<Border BorderBrush="#c9cdd2" Margin="10 190 10 20" VerticalAlignment="Top" BorderThickness="0 1 0 0" Grid.ColumnSpan="3">
<Border BorderBrush="#ffffff" BorderThickness="0 1 0 0" />
</Border>
<Image Source="/TileView/Images/text.png"
Height="106" Width="695" VerticalAlignment="Top"
Grid.Row="1" Margin="0 15 0 0" />
</Grid>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</telerikNavigation:RadTileViewItem.Content>
</telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem.Header>
<TextBlock Text="BMW 5 Series" Style="{StaticResource HeaderTitle}" />
</telerikNavigation:RadTileViewItem.Header>
<telerikNavigation:RadTileViewItem.Content>
<telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"
SmallToNormalThreshold="279, 130"
NormalToSmallThreshold="280, 131"
NormalToLargeThreshold="730, 350"
LargeToNormalThreshold="731, 351">
<telerik:RadFluidContentControl.SmallContent>
<Border Width="230" Height="30">
<TextBlock Text="BMW 5 Series Convertible" Style="{StaticResource SmallBox}" />
</Border>
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.Content>
<Image Source="/TileView/Images/Normal/car3.png" HorizontalAlignment="Left" Margin="13 13 0 0" Height="130" Width="279" VerticalAlignment="Top" />
</telerik:RadFluidContentControl.Content>
<telerik:RadFluidContentControl.LargeContent>
<Grid Width="730" Height="350">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Image Source="/TileView/Images/Large/car.png"
Height="156" Width="715" VerticalAlignment="Top"
Grid.ColumnSpan="3" Margin="11 11 16 0" />
<Border BorderBrush="#c9cdd2" Margin="10 190 10 20" VerticalAlignment="Top" BorderThickness="0 1 0 0" Grid.ColumnSpan="3">
<Border BorderBrush="#ffffff" BorderThickness="0 1 0 0" />
</Border>
<Image Source="/TileView/Images/text.png" HorizontalAlignment="Center"
Height="106" Width="695" VerticalAlignment="Top"
Grid.Row="1" Margin="0 15 0 0" />
</Grid>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</telerikNavigation:RadTileViewItem.Content>
</telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem >
<telerikNavigation:RadTileViewItem.Header>
<TextBlock Text="BMW 7 Series" Style="{StaticResource HeaderTitle}" />
</telerikNavigation:RadTileViewItem.Header>
<telerikNavigation:RadTileViewItem.Content>
<telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"
SmallToNormalThreshold="279, 130"
NormalToSmallThreshold="280, 131"
NormalToLargeThreshold="730, 350"
LargeToNormalThreshold="731, 351">
<telerik:RadFluidContentControl.SmallContent>
<Border Width="230" Height="30">
<TextBlock Text="BMW 7 Series Sedan" Style="{StaticResource SmallBox}" />
</Border>
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.Content>
<Image Source="/TileView/Images/Normal/car4.png" HorizontalAlignment="Left" Margin="13 13 0 0" Height="130" Width="279" VerticalAlignment="Top" />
</telerik:RadFluidContentControl.Content>
<telerik:RadFluidContentControl.LargeContent>
<Grid Width="730" Height="350">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Image Source="/TileView/Images/Large/car2.png"
Height="156" Width="715" VerticalAlignment="Top"
Grid.ColumnSpan="3" Margin="11 11 16 0" />
<Border BorderBrush="#c9cdd2" Margin="10 190 10 20" VerticalAlignment="Top" BorderThickness="0 1 0 0" Grid.ColumnSpan="3">
<Border BorderBrush="#ffffff" BorderThickness="0 1 0 0" />
</Border>
<Image Source="/TileView/Images/text.png" HorizontalAlignment="Center"
Height="106" Width="695" VerticalAlignment="Top"
Grid.Row="1" Margin="0 15 0 0" />
</Grid>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</telerikNavigation:RadTileViewItem.Content>
</telerikNavigation:RadTileViewItem>
<telerikNavigation:RadTileViewItem >
<telerikNavigation:RadTileViewItem.Header>
<TextBlock Text="BMW 7 Series" Style="{StaticResource HeaderTitle}" />
</telerikNavigation:RadTileViewItem.Header>
<telerikNavigation:RadTileViewItem.Content>
<telerik:RadFluidContentControl telerikAnimation:AnimationManager.IsAnimationEnabled="True"
SmallToNormalThreshold="279, 130"
NormalToSmallThreshold="280, 131"
NormalToLargeThreshold="730, 350"
LargeToNormalThreshold="731, 351">
<telerik:RadFluidContentControl.SmallContent>
<Border Width="230" Height="30">
<TextBlock Text="BMW 7 Series Sedan long" Style="{StaticResource SmallBox}" />
</Border>
</telerik:RadFluidContentControl.SmallContent>
<telerik:RadFluidContentControl.Content>
<Image Source="/TileView/Images/Normal/car5.png" HorizontalAlignment="Left" Margin="13 13 0 0" Height="130" Width="279" VerticalAlignment="Top" />
</telerik:RadFluidContentControl.Content>
<telerik:RadFluidContentControl.LargeContent>
<Grid Width="730" Height="350">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Image Source="/TileView/Images/Large/car1.png"
Height="156" Width="715" VerticalAlignment="Top"
Grid.ColumnSpan="3" Margin="11 11 16 0" />
<Border BorderBrush="#c9cdd2" Margin="10 190 10 20" VerticalAlignment="Top" BorderThickness="0 1 0 0" Grid.ColumnSpan="3">
<Border BorderBrush="#ffffff" BorderThickness="0 1 0 0" />
</Border>
<Image Source="/TileView/Images/text.png" HorizontalAlignment="Center"
Height="106" Width="695" VerticalAlignment="Top"
Grid.Row="1" Margin="0 15 0 0" />
</Grid>
</telerik:RadFluidContentControl.LargeContent>
</telerik:RadFluidContentControl>
</telerikNavigation:RadTileViewItem.Content>
</telerikNavigation:RadTileViewItem>
</telerikNavigation:RadTileView>
Since there are multiple charts, i want to give the user an option to export one chart or all charts residing in different Radtileview. The export chart example does not work in this case. Please suggest.