RadTileView Horizontal Scrollbar not visible

2 posts, 0 answers
  1. David
    David  avatar
    1 posts
    Member since:
    May 2013

    Posted 10 May 2013 Link to this post

    I have a simple implementation of a RadTileView.

    The tile view is contained within a radpane which is docked.

    If a drag the pane out of the docking area so the pane is floating I see both vertical and horizontal scrollbars.

    But, if I maximize one of the TileViewItems and then drag the pane out of the docking area so it is floating I see the vertical scrollbar but not the horizontal scrollbar.

    Please advise.

    <Grid>
        <telerik:RadTileView 
            IsItemsAnimationEnabled="False"
            ColumnsCount="3"
            ColumnWidth="Auto"
            DragMode="Slide" 
            IsItemsSizeInPercentages="True"        
            IsAutoScrollingEnabled="True"
            PreservePositionWhenMaximized="True"
            RowHeight="Auto"
            MinimizedRowHeight="300"
            MinimizedColumnWidth="300"
            telerik:TileViewPanel.IsColumnsShrinkEnabled="True"
            telerik:TileViewPanel.IsRowsShrinkEnabled="True"
            telerik:TileViewPanel.IsSizeBoundToPosition="True">         
            <telerik:RadTileViewItem Header="{Binding Path=PatchMi.Title}">
                <telerik:RadChart x:Name="RadChart" ItemsSource="{Binding Path=PatchMi.Metrics}" BorderThickness="0">
                    <telerik:RadChart.DefaultView>
                        <telerik:ChartDefaultView ChartLegendPosition="Bottom">
                            <telerik:ChartDefaultView.ChartLegend>
                                <telerik:ChartLegend x:Name="ChartLegend"
                                             UseAutoGeneratedItems="True">
                                </telerik:ChartLegend>
                            </telerik:ChartDefaultView.ChartLegend>
                        </telerik:ChartDefaultView>
                    </telerik:RadChart.DefaultView>
                    <telerik:RadChart.SeriesMappings>
                        <telerik:SeriesMapping>
                            <telerik:SeriesMapping.SeriesDefinition>
                                <telerik:DoughnutSeriesDefinition LegendDisplayMode="DataPointLabel"></telerik:DoughnutSeriesDefinition>
                            </telerik:SeriesMapping.SeriesDefinition>
                            <telerik:SeriesMapping.ItemMappings>
                                <telerik:ItemMapping DataPointMember="YValue" FieldName="Value"></telerik:ItemMapping>
                                <telerik:ItemMapping DataPointMember="LegendLabel" FieldName="Key"></telerik:ItemMapping>
                            </telerik:SeriesMapping.ItemMappings>
                        </telerik:SeriesMapping>
                    </telerik:RadChart.SeriesMappings>
                </telerik:RadChart>
            </telerik:RadTileViewItem>
            <telerik:RadTileViewItem Header="Calendar">
                <telerik:RadCalendar DisplayMode="MonthView" Height="Auto" Width="Auto" />
            </telerik:RadTileViewItem>
            <telerik:RadTileViewItem Header="Item3" >
                <TextBlock Text="Item3 Content"/>
            </telerik:RadTileViewItem>
        </telerik:RadTileView>
    </Grid>         
  2. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 14 May 2013 Link to this post

    Hi David,

    I already answered to this question in your support ticket. However, I will post the same answer here so that others from the community will be able to find the answer.

    By design there are ScrollViewers which wraps the restored and the minimized items and there is no ScrollViewer wrapping the maximized item. Hence, by setting the MinimizedColumnWidth property you control (indirectly) the size of that maximized item. Hence, the behavior that you report is expected.

    In order to control the size of the maximized item you can dynamically change the MinimizedColumnWidth or the size of the floating RadPane. Let us know if you need any further assistance.

    All the best,
    Pavel R. Pavlov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. UI for WPF is Visual Studio 2017 Ready
Back to Top