Hi Tihomir,
Here is the code snippet
//////////////////////////////// MainPage.xaml
<
UserControl x:Class="TestTileView.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Navigation"
xmlns:Controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"
xmlns:telerikComboBox="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
<Grid x:Name="LayoutRoot" Background="White" ScrollViewer.VerticalScrollBarVisibility="Visible">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Grid.Row="1" Grid.Column="1">
<ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" VerticalScrollBarVisibility="Auto" Padding="0" BorderThickness="0" >
<Border Margin="10" HorizontalAlignment="Center" VerticalAlignment="Center">
<Grid Background="White" ScrollViewer.VerticalScrollBarVisibility="Visible">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<telerik:RadTileView x:Name="ProductTileView" Width="600" Height="500" Grid.Row="1" Grid.Column="1" MinimizedColumnWidth="197" ItemsSource="{Binding ProductList}" >
<telerik:RadTileView.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Name}" Grid.Row="1" Grid.Column="1" />
</DataTemplate>
</telerik:RadTileView.ItemTemplate>
<telerik:RadTileView.ContentTemplate>
<DataTemplate>
<Controls:RadFluidContentControl SmallToNormalThreshold="100, 100" NormalToSmallThreshold="99, 99" NormalToLargeThreshold="300, 300" LargeToNormalThreshold="299, 299">
<Controls:RadFluidContentControl.SmallContent>
<Border Width="100" Height="30">
<TextBlock Text="{Binding Name}" />
</Border>
</Controls:RadFluidContentControl.SmallContent>
<Controls:RadFluidContentControl.Content>
<Image Source="{Binding Name}"
HorizontalAlignment="Left" Margin="13 13 0 0" Height="130"
Width="279" VerticalAlignment="Top" />
</Controls:RadFluidContentControl.Content>
<Controls:RadFluidContentControl.LargeContent>
<Grid Width="400" Height="400" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="200" />
<ColumnDefinition Width="200" />
<ColumnDefinition Width="200" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<TextBlock Text="Does Not Work Here" Grid.Row="1" Grid.Column="1" />
<telerikComboBox:RadComboBox Grid.Row="2" Grid.Column="1" SelectedItem="{Binding Path=ProductType, Mode=TwoWay, ValidatesOnExceptions=True}" DisplayMemberPath="Name" ItemsSource="{Binding Path=ProductTypes}" Margin="5 5 5 5"></telerikComboBox:RadComboBox>
</Grid>
</Controls:RadFluidContentControl.LargeContent>
</Controls:RadFluidContentControl>
</DataTemplate>
</telerik:RadTileView.ContentTemplate>
</telerik:RadTileView>
</Grid>
</Border>
</ScrollViewer>
</StackPanel>
<TextBlock HorizontalAlignment="Left" Text="Works Here" Width="100" Grid.Row="2" Grid.Column="1" />
<telerikComboBox:RadComboBox HorizontalAlignment="Left" Grid.Row="3" Grid.Column="1" Width="100" DisplayMemberPath="Name" ItemsSource="{Binding Path=ProductTypes}" Margin="5 5 5 5"></telerikComboBox:RadComboBox>
</Grid>
</
UserControl>
////////////////////////// MainPage.xaml.cs
using
System.Windows.Controls;
namespace
TestTileView
{
public partial class MainPage : UserControl
{
public DataGenerator dataGenerator = new DataGenerator();
public MainPage()
{
DataContext = dataGenerator;
InitializeComponent();
}
}
}
//////////////////////////////////// DataGenerator
using
System.Collections.ObjectModel;
using
System.Collections.Generic;
namespace
TestTileView
{
public class DataGenerator
{
public List<ProductType> ProductTypes{ get; set; }
public DataGenerator()
{
ProductTypes =
new List<ProductType>();
ProductTypes.Add(
new ProductType { Name = "Product Type 1" });
ProductTypes.Add(
new ProductType { Name = "Product Type 2" });
ProductTypes.Add(
new ProductType { Name = "Product Type 3" });
ProductList = GetData();
}
private ObservableCollection<Product> GetData()
{
var products = new ObservableCollection<Product>();
products.Add(
new Product { Name = "Test Product 1", ProductType = ProductTypes[0] });
products.Add(
new Product { Name = "Test Product 2", ProductType = ProductTypes[1] });
products.Add(
new Product { Name = "Test Product 3", ProductType = ProductTypes[2] });
return products;
}
public ObservableCollection<Product> ProductList { get; set; }
}
public class Product
{
public string Name { get; set; }
public ProductType ProductType { get; set; }
}
public class ProductType
{
public string Name { get; set; }
}
}
Regards,
Ivan.