[Solved] RadFluidContentControl in RadTileView.ItemTemplate issue

[Aleksander]

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:

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

[Zarko]

Hello Aleksander,
I guess the problem is in the thresholds and that's why we advise you to use binding or handle the TileStateChange event instead. You can read more on this topic here and here.
Could you please examine the attached project and if you have more questions feel free to ask?

Kind regards,
Zarko
the Telerik team

[Aleksander]

Hi,
thanks for the solution.

I have seen manual state management in documentation already,
but I thought it's just missing configuration option, not event (bubbling?) processing problem to resolve :)

I will test it soon and give you more info then...

[Aleksander]

Hi Zarko,
I removed threshold values from ItemTemplate (Header) definition, changed ContentChangeMode to Manual  and it works well now...

Thanks