This is a migrated thread and some comments may be shown as answers.

TileView not showing scrollbars

1 Answer 120 Views

TileView

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Kamal Mostofi asked on 04 Sep 2010, 03:57 PM

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">

<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>

1 Answer, 1 is accepted

Accepted

answered on 09 Sep 2010, 11:54 AM

tileviewriaservices-modified.zip

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