Hi,
I try to use RadFluidContentControl with RadTileView.ItemTemplate, but it seems it doesn't work well for small content.
I see different header content for normal and large state, but when one of the items is maximized and rest is minimized I see small content template in content area, but header remains the same as for NormalState template.
What do I wrong here? I was trying different threshold values for ItemTemplate already of course...
Thanks
XAML code is below:
I try to use RadFluidContentControl with RadTileView.ItemTemplate, but it seems it doesn't work well for small content.
I see different header content for normal and large state, but when one of the items is maximized and rest is minimized I see small content template in content area, but header remains the same as for NormalState template.
What do I wrong here? I was trying different threshold values for ItemTemplate already of course...
Thanks
XAML code is below:
<!-- Incidents -->
<
telerik:RadTileView
ItemsSource
=
"{Binding Incidents}"
IsAutoScrollingEnabled
=
"True"
IsVirtualizing
=
"False"
MinimizedColumnWidth
=
"200"
MinimizedRowHeight
=
"100"
>
<
telerik:RadTileView.ItemTemplate
>
<
DataTemplate
>
<
telerik:RadFluidContentControl
SmallToNormalThreshold
=
"200,120"
NormalToSmallThreshold
=
"199,119"
NormalToLargeThreshold
=
"600,600"
LargeToNormalThreshold
=
"600,600"
>
<!--Small Content-->
<
telerik:RadFluidContentControl.SmallContent
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
TextBlock
Text
=
"{Binding IncidentNumber}"
/>
</
StackPanel
>
</
telerik:RadFluidContentControl.SmallContent
>
<!--Normal Content-->
<
telerik:RadFluidContentControl.Content
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
Image
Source
=
"/PATI.SL.Components;component/Images/16x16/ambulance.png"
/>
<
TextBlock
Text
=
"{Binding IncidentNumber}"
Margin
=
"10,0,0,0"
/>
<
TextBlock
Text
=
" - "
/>
<
TextBlock
Text
=
"{Binding FirstName}"
/>
<
TextBlock
Text
=
" "
/>
<
TextBlock
Text
=
"{Binding Surname}"
/>
</
StackPanel
>
</
telerik:RadFluidContentControl.Content
>
<!--Large Content-->
<
telerik:RadFluidContentControl.LargeContent
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
Image
Source
=
"/PATI.SL.Components;component/Images/16x16/ambulance.png"
/>
<
TextBlock
Text
=
"{Binding IncidentNumber}"
Margin
=
"10,0,0,0"
/>
<
TextBlock
Text
=
" - "
/>
<
TextBlock
Text
=
"{Binding FirstName}"
/>
<
TextBlock
Text
=
" "
/>
<
TextBlock
Text
=
"{Binding Surname}"
/>
<
TextBlock
Text
=
", "
/>
<
TextBlock
Text
=
"{Binding IncAddress}"
/>
</
StackPanel
>
</
telerik:RadFluidContentControl.LargeContent
>
</
telerik:RadFluidContentControl
>
</
DataTemplate
>
</
telerik:RadTileView.ItemTemplate
>
<!-- Content template -->
<
telerik:RadTileView.ContentTemplate
>
<
DataTemplate
>
<
telerik:RadFluidContentControl
SmallToNormalThreshold
=
"200,100"
NormalToSmallThreshold
=
"200,100"
NormalToLargeThreshold
=
"600,600"
LargeToNormalThreshold
=
"600,600"
>
<!--Small Content-->
<
telerik:RadFluidContentControl.SmallContent
>
<
Border
Background
=
"LightBlue"
>
<
StackPanel
Orientation
=
"Vertical"
>
<
StackPanel
Orientation
=
"Horizontal"
>
<
TextBlock
Text
=
"{Binding FirstName}"
/>
<
TextBlock
Text
=
" "
/>
<
TextBlock
Text
=
"{Binding Surname}"
/>
</
StackPanel
>
<
TextBlock
Text
=
"{Binding PriDiagnose}"
/>
<
TextBlock
Text
=
"{Binding TimeOfCall, StringFormat='G'}"
/>
<
TextBlock
Text
=
"{Binding IncAddress}"
/>
</
StackPanel
>
</
Border
>
</
telerik:RadFluidContentControl.SmallContent
>