TileView not showing scrollbars

[Kamal Mostofi]

Hi,

Could you tell me how I can show scrollbar when tileviewitems are minimised please? and also how can I set the a fix height and width for each item?

Thanks for your help.
Kamal

<telerikNavigation:RadTileView x:Name="tileView1"  Grid.Row="1" telerik:StyleManager.Theme="Transparent"
               MinimizedColumnWidth="300" TileStateChanged="tileView1_TileStateChanged" ReorderingDuration="0:0:2"
                                      ResizingDuration="0:0:1.5" ResizingEasing="{StaticResource ResizingEase}" MaxColumns="4" >
           <telerikNavigation:RadTileView.ItemContainerStyle>
               <Style TargetType="telerikNavigation:RadTileViewItem">
                   <Setter Property="MinimizedHeight" Value="300" />
               </Style>
           </telerikNavigation:RadTileView.ItemContainerStyle>
           <telerikNavigation:RadTileView.ItemTemplate>
               <DataTemplate>
                   <TextBlock Text="{Binding Supplier}" />
               </DataTemplate>
           </telerikNavigation:RadTileView.ItemTemplate>
           <telerikNavigation:RadTileView.ContentTemplate>
               <DataTemplate>
                   <telerik:RadFluidContentControl ContentChangeMode="Manual"  State="Normal" SmallToNormalThreshold="450, 450"
                               NormalToSmallThreshold="450, 450" NormalToLargeThreshold="330, 350"
                               LargeToNormalThreshold="330, 350">
                       <!-- Play with SmallContent, Content and LargeContent to get the best appearance -->

                       <telerik:RadFluidContentControl.SmallContent>
                           <Border Height="200" Width="200">
                               <Image x:Name="topsupimagesmall" Source="{Binding suplogo}" ></Image>
                          </Border>
                       </telerik:RadFluidContentControl.SmallContent>
                       <telerik:RadFluidContentControl.Content>
                           <Grid>
                               <Grid.RowDefinitions>
                                   <RowDefinition Height="50*"></RowDefinition>
                                   <RowDefinition Height="350*"></RowDefinition>
                               </Grid.RowDefinitions>
                               <Grid.ColumnDefinitions>
                                   <ColumnDefinition Width="120*"></ColumnDefinition>
                                   <ColumnDefinition Width="500*"></ColumnDefinition>
                                   <ColumnDefinition Width="350*" ></ColumnDefinition>
                               </Grid.ColumnDefinitions>
                                <TextBlock Text="{Binding Supplier}" Grid.Row="1" Grid.Column="1" FontSize="20" ></TextBlock>
                               <Image x:Name="topsupimage" Source="{Binding suplogo}" Grid.Row="2" Grid.Column="2" ></Image>
                           </Grid>
                       </telerik:RadFluidContentControl.Content>
                       <telerik:RadFluidContentControl.LargeContent>
                           <telerikNavigation:RadCoverFlow ItemsSource="{Binding Products}" FontSize="28" CameraViewpoint="Bottom"  OffsetY="100" telerik:StyleManager.Theme="Summer" >
                               <telerikNavigation:RadCoverFlow.ItemTemplate>
                                   <DataTemplate>
                                       <StackPanel>
                                           <TextBlock Text="{Binding Farsi}"></TextBlock>
                                           <Image Source="{Binding image}" Width="160" Height="300" telerik:RadCoverFlow.EnableLoadNotification="True"></Image>

                                       </StackPanel>

                                   </DataTemplate>
                               </telerikNavigation:RadCoverFlow.ItemTemplate>
                           </telerikNavigation:RadCoverFlow>

                       </telerik:RadFluidContentControl.LargeContent>
                   </telerik:RadFluidContentControl>
               </DataTemplate>
           </telerikNavigation:RadTileView.ContentTemplate>
       </telerikNavigation:RadTileView>

[Tina Stancheva]

Hi Kamal Mostofi,

When you apply both a theme and an ItemContainerStyle, the style gets overwritten by the theme thus not setting a MinimizedHeight to the TileViewItems.

I prepared a sample project containing a transparent RadTileViewItemsStyle which also sets the MinimizedHeight of the items. Also, if you need to define Width/Height or other properties to the RadTileViewItem, you can define them in the RadTileViewItemsStyle.

Please take a look at the project and let me know if it works for you.

All the best,
Tina Stancheva
the Telerik team