Problem exporting data in RadTileView

2 posts, 0 answers
  1. Rohit Banerjee
    Rohit Banerjee avatar
    4 posts
    Member since:
    Dec 2009

    Posted 09 Dec 2009 Link to this post

    Hi,
     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.

     

     

     

     

  2. Tihomir Petkov
    Admin
    Tihomir Petkov avatar
    576 posts

    Posted 14 Dec 2009 Link to this post

    Hello Rohit,

    To export multiple charts you will have to individually call the export method on each chart. Unfortunately, the charts do not currently offer a way to combine all exported charts into one document.

    All the best,
    Tihomir Petkov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft banner
Back to Top