RadFluidContentControl in RadTileView.ItemTemplate issue

4 posts, 1 answers
  1. Aleksander
    Aleksander avatar
    5 posts
    Member since:
    Jul 2011

    Posted 14 Sep 2011 Link to this post

    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>


  2. Answer
    Zarko
    Admin
    Zarko avatar
    755 posts

    Posted 17 Sep 2011 Link to this post

    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

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
  4. Aleksander
    Aleksander avatar
    5 posts
    Member since:
    Jul 2011

    Posted 19 Sep 2011 Link to this post

    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...
  5. Aleksander
    Aleksander avatar
    5 posts
    Member since:
    Jul 2011

    Posted 19 Sep 2011 Link to this post

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

    Thanks
Back to Top