TileView not showing scrollbars

2 posts, 1 answers
  1. Kamal Mostofi
    Kamal Mostofi avatar
    56 posts
    Member since:
    Jan 2010

    Posted 04 Sep 2010 Link to this post

    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>
  2. Answer
    Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 09 Sep 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
Back to Top