Binding issue with RadFluidContentControl

[Rick Mueller]

Hello,
Very easy scenario, I have a listbox in TileviewItem 1.

When I select a ListboxItem I want pass some of the data to the other TIles.

I'm able to bind Data to the  RadfluidContentControl.SmallContent and Normal Content(restore).
The issue is it drops the binding in the RadFluidContentControl.LargeContent.  

If your only binding to One .LargeContent it's fine, when your binding to another its drops the first binding.

Thoughts, 
Rick Mueller

[Rick Mueller]

Hello,

Part of the issue solved

The Controls where binded with {Binding XPath=whatever}

This worked ok, but when you added  another control and bind it, the other would fail.

So I changed the code to {Binding Source={StaticResource Whatever}, XPath=Whatever}.

It worked.

Still having issues with the Tileview are populated dynamically and populate a listbox control in each tile and you want to pass that data from the listbox to another control or tile it just shows the first data index. I'm using {Binding Selected Item, ElementName=Listbox} as the dataContext of a grid.
Thoughts?

Thank you again
Rick

[Viktor Tsvetkov]

Hello Rick Mueller,

I was not able to reproduce your problem. Could you please examine the attached sample project and modify it to fulfil your requirements and reproduce the problem?

Sincerely yours,
Viktor Tsvetkov
the Telerik team

[Rick Mueller]

VIktor,
Thank you for the example, Your solution that was provided didn't Work for my issues.
I'm Sorry if I wasn't detailed enough in my post.

I Have a tileview inside a tileview, which poplutes names from a xml data source.
If I want to extract the location, image or any other info from the names listed in the the listbox. It should be easy.
Like I said I'm able to extract it on the same tile but not if the tile(which hold the listbox element) is in another Tile.


thoughts

Regards,
Rick

[Rick Mueller]

Viktor,
Here is the basic code, I tried to strip it down But this should let you see the problem

Regards,
Rick

XML

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<NewDataSet1 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <Table>
        <RecipeID>117</RecipeID>
        <RecipeName>16/20 Shrimp</RecipeName>
        <RecipeCount>Box</RecipeCount>
        <RecipeYield>3</RecipeYield>
        <ShelveLife>4</ShelveLife>
        <PrepTime>0.00347222222222222</PrepTime>
        <Station>PULL/THAW</Station>
        <RecipeCost>3</RecipeCost>
        <Image>Rec1.jpg</Image>
        <RevDate>2/23/2010</RevDate>
        <CreatDate>5/4/2009</CreatDate>
        <AddNotes>THis is really good</AddNotes>
    </Table>
    <Table>
        <RecipeID>2</RecipeID>
        <RecipeName>Apple Crumble Topping</RecipeName>
        <RecipeCount>Rnd 4 qt</RecipeCount>
        <RecipeYield>1</RecipeYield>
        <ShelveLife>7</ShelveLife>
        <PrepTime>0.0104166666666667</PrepTime>
        <Station>COLD PREPARATION</Station>
        <RecipeCost>3</RecipeCost>
        <Image>Rec1.jpg</Image>

        <RevDate>2/23/2010</RevDate>
        <CreatDate>5/4/2009</CreatDate>
        <AddNotes>THis is really good</AddNotes>
    </Table>
    <Table>
        <RecipeID>1</RecipeID>
        <RecipeName>Apple Crumbles</RecipeName>
        <RecipeCount>Each</RecipeCount>
        <RecipeYield>24</RecipeYield>
        <ShelveLife>3</ShelveLife>
        <PrepTime>0.03125</PrepTime>
        <Station>SOUP/SAUCE</Station>
        <RecipeCost>3</RecipeCost>
        <Image>Rec1.jpg</Image>
        <RevDate>2/23/2010</RevDate>
        <CreatDate>5/4/2009</CreatDate>
        <AddNotes>THis is really good</AddNotes>
    </Table>
    <Table>
        <RecipeID>70</RecipeID>
        <RecipeName>Asian Mix</RecipeName>
        <RecipeCount>6" clr pan</RecipeCount>
        <RecipeYield>2</RecipeYield>
        <ShelveLife>2</ShelveLife>
        <PrepTime>0.0104166666666667</PrepTime>
        <Station>SALAD STATION</Station>
        <RecipeCost>3</RecipeCost>
        <Image>Rec1.jpg</Image>
        <RevDate>2/23/2010</RevDate>
        <CreatDate>5/4/2009</CreatDate>
        <AddNotes>THis is really good</AddNotes>
    </Table>
</NewDataSet1>

xaml Code: Sorry

                <telerikNavigation:RadTileView x:Name="StartView" Margin="12,60,27.5,692" MinimizedColumnWidth="50" MinimizedRowHeight="150" MinimizedItemsPosition="Bottom" TileStateChangeTrigger="SingleClick"  BorderThickness="0" telerik:Theming.Theme="Transparent" telerik:StyleManager.Theme="Transparent" MaxColumns="2" MaxRows="1" >
                    <telerikNavigation:RadTileView.Foreground>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="Black" Offset="0"/>
                            <GradientStop Color="#FF186097" Offset="0.648"/>
                        </LinearGradientBrush>
                    </telerikNavigation:RadTileView.Foreground>
                    <telerikNavigation:RadTileViewItem x:Name="DOTile" Header="Do" TileState="Maximized" FontSize="24" Width="476" Background="{x:Null}" Height="796" BorderThickness="1" DataContext="{Binding SelectedItem, ElementName=TileContentData1, Mode=TwoWay}" BorderBrush="{x:Null}"  MinimizedHeight="100">

                        <telerik:RadFluidContentControl SmallToNormalThreshold="0,190" NormalToLargeThreshold="600,600" LargeToNormalThreshold="600,600" NormalToSmallThreshold="0,190">
            <telerik:RadFluidContentControl.SmallContent>
                <Grid x:Name="minGrid" Height="120" Width="291.589" HorizontalAlignment="Center" Margin="0,-10.5,20,-11.47" DataContext="{Binding Source={StaticResource Recipe}}">

                            <Rectangle Margin="8,12.166,-16,13.837" RadiusY="12.5" RadiusX="12.5" Stroke="Black" >
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#59000000" Offset="0.326"/>
                                <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                                <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBlock x:Name="ChArwrow" Foreground="White" FontSize="44" TextWrapping="Wrap" Width="33.673" FontWeight="Bold" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,30.833,9.422,35.167"><TextBlock.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </TextBlock.RenderTransform><Run Text=">"/></TextBlock>
                    <ed:Arc x:Name="ChAwrc" ArcThickness="5" ArcThicknessUnit="Pixel" EndAngle="352" Fill="#00000000" Stretch="None" Stroke="White" StrokeThickness="3" StartAngle="-352" Margin="0,33.332,-4.92,32.668" HorizontalAlignment="Right" Width="63.334"/>
                    <Image HorizontalAlignment="Left" Margin="19.996,17.003,0,19.833" Source="{Binding Source={StaticResource Recipe1},XPath=Image}" Stretch="UniformToFill" Width="90"/>
<TextBlock Text="{Binding SelectedItem, ElementName=TileContentData1,XPath=RecipeName}" FontSize="20" Foreground="White" Margin="121.706,17.003,9.422,0" d:LayoutOverrides="HorizontalAlignment" Height="38" VerticalAlignment="Top"/>

          </Grid>
            </telerik:RadFluidContentControl.SmallContent>
                  <telerik:RadFluidContentControl.Content>
        <Grid Height="500" Width="200" DataContext="{Binding SelectedItem, ElementName=TileContentData1}" >
          <Image Source="{Binding Source={StaticResource Recipe},XPath=Image}" Stretch="UniformToFill" Height="90" Width="90" />
          </Grid>
            </telerik:RadFluidContentControl.Content>

            <telerik:RadFluidContentControl.LargeContent>

                    <Grid x:Name="TVGrid1" Canvas.Left="60.637"  Canvas.Top="119" Width="Auto" DataContext="{Binding Mode=OneWay, Source={StaticResource CallRecipes1}}" Margin="32.941,8" d:LayoutOverrides="HorizontalMargin" >

                        <telerikNavigation:RadTileView x:Name="tileView1"  ItemsSource="{Binding Groups}"
                            MinimizedItemsPosition="Right"
                            BorderBrush="Transparent"
                            Background="Transparent"
                            MaxColumns="5"
                            MaxRows="3"
                            Width="Auto"
                            MinimizedColumnWidth="150"
                            MinimizedRowHeight="100"
                            TileStateChangeTrigger="SingleClick"


                            Margin="-37.941,0,-29.941,0"
                            ItemTemplate="{DynamicResource DataTemplate1}" telerik:StyleManager.Theme="Transparent" telerik:Theming.Theme="Transparent" Height="702.03" VerticalAlignment="Top">


                            <telerikNavigation:RadTileView.ContentTemplate  >

                                <DataTemplate x:Name="TileData1">
                                    <Grid x:Name="GrView1" Width="800">
                                        <Grid x:Name="GrView11" DataContext="{Binding SelectedItem, ElementName=TileContentData1}">
                                            <TextBlock Text="{Binding XPath=RecipeName}"
                                                FontFamily="Ariel"
                                                Foreground="Black"
                                                VerticalAlignment="Top"
                                                HorizontalAlignment="Left"
                                                Width="900"
                                                Height="100"
                                                Margin="60,10,0,0"
                                                TextWrapping="Wrap"
                                                FontWeight="ExtraBold"
                                                FontSize="32" />


                                        </Grid>


                                        <Grid Width="330" HorizontalAlignment="Left" Height="800" Margin="-100,0,0,0">

                            <Rectangle Width="300"
                                       Margin="10,0,0,75"
                                        HorizontalAlignment="Left"
                                         Height="625"
                                         RadiusY="12.5"
                                         RadiusX="12.5"
                                         Stroke="Black" >
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#59000000" Offset="0.326"/>
                                <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                                <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                                            <ListBox x:Name="TileContentData1"
                                                FontSize="18"
                                                Height="600"
                                                Foreground="Black"
                                                BorderBrush="Transparent"
                                                Background="Transparent"
                                                Width="200"
                                                Margin="25,0,0,100"
                                                HorizontalAlignment="Left"
                                                ItemsSource="{Binding Items}"
                                                ItemTemplate="{StaticResource template}"
                                                ScrollViewer.VerticalScrollBarVisibility="Auto"
                                                ScrollViewer.HorizontalScrollBarVisibility="Disabled"/>

                                        </Grid>

                                        <StackPanel Orientation="Horizontal" Margin="340,0,0,30" VerticalAlignment="Bottom" Width="Auto" HorizontalAlignment="Left">

                                            <StackPanel  Width="Auto">
                                                <TextBlock Text="Station:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Created Date:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Revision Date:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Production Time:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Shelve Life:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Yield:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Cost:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                                <TextBlock Text="Storage:" Foreground="Black" FontSize="16" TextAlignment="Right" FontWeight="Bold" Height="24"/>
                                            </StackPanel>

                                            <Grid x:Name="RecDataGrid"   DataContext="{Binding SelectedItem, ElementName=TileContentData1}" Width="Auto" Height="Auto" VerticalAlignment="Bottom" >
                                                <StackPanel  Width="Auto" Margin="15,0,0,0">
                                                    <TextBlock Text="{Binding XPath=Station}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=CreatDate}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=RevDate}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=PrepTime}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=ShelveLife}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=RecipeYield}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=RecipeCost}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                    <TextBlock Text="{Binding XPath=RecipeCount}" Foreground="Black" FontSize="16" TextAlignment="Left" FontStyle="Italic" Height="24"/>
                                                </StackPanel>
                                            </Grid>


                                        </StackPanel>




                                        <Grid x:Name="ImGrid" Margin="212,0,0,200" DataContext="{Binding SelectedItem, ElementName=TileContentData1}" Width="400">

                                            <Image
                                                Source="{Binding XPath=Image}"
                                                Height="400" Width="380"
                                                Stretch="Fill">
                                            <Image.Effect>
                                                    <DropShadowEffect/>
                                                </Image.Effect>
                                            </Image>
                                        </Grid>
                                    </Grid>

                                </DataTemplate>
                            </telerikNavigation:RadTileView.ContentTemplate>
                        </telerikNavigation:RadTileView>
                    </Grid>

                            </telerik:RadFluidContentControl.LargeContent>
                              </telerik:RadFluidContentControl>
                                        </telerikNavigation:RadTileViewItem>
                    <telerikNavigation:RadTileViewItem Header="Review" TileState="Maximized" Width="855.746" FontSize="24" Background="{x:Null}" Height="357.94" BorderBrush="{x:Null}" BorderThickness="1">
                                                <telerik:RadFluidContentControl SmallToNormalThreshold="0,190" NormalToLargeThreshold="600,600" LargeToNormalThreshold="600,600" NormalToSmallThreshold="0,190">
            <telerik:RadFluidContentControl.SmallContent>
                <Grid Height="120" Width="291.589" HorizontalAlignment="Center" Margin="0,-10.5,20,-11.47" DataContext="{Binding SelectedItem, ElementName=EmployeeDataList, Mode=TwoWay}">
                            <Rectangle Margin="8,12.166,-16,13.837" RadiusY="12.5" RadiusX="12.5" Stroke="Black" >
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#59000000" Offset="0.326"/>
                                <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                                <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                                        <Image HorizontalAlignment="Left" Margin="29.996,18.585,0,21.415" Source="{Binding XPath=EmpImage}" Stretch="UniformToFill" Width="80" Height="80" RenderTransformOrigin="0.5,0.5"/>

                    <TextBlock x:Name="ChArwrow12" Foreground="White" FontSize="44" TextWrapping="Wrap" Width="33.673" FontWeight="Bold" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,30.833,9.422,35.167"><TextBlock.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </TextBlock.RenderTransform><Run Text=">"/></TextBlock>
                    <ed:Arc x:Name="ChAwrc12" ArcThickness="5" ArcThicknessUnit="Pixel" EndAngle="352" Fill="#00000000" Stretch="None" Stroke="White" StrokeThickness="3" StartAngle="-352" Margin="0,33.332,-4.92,32.668" HorizontalAlignment="Right" Width="63.334"/>

          </Grid>
            </telerik:RadFluidContentControl.SmallContent>
                  <telerik:RadFluidContentControl.Content>
        <Grid Width="200" DataContext="{Binding SelectedItem, ElementName=EmployeeDataList, Mode=OneWay}" Margin="6,462,-206,-870">
          <Image Source="{Binding XPath=EmpImage}" Stretch="UniformToFill" Height="90" Width="90" d:IsHidden="True" Margin="-144,0,254,318"/>
          </Grid>
            </telerik:RadFluidContentControl.Content>

            <telerik:RadFluidContentControl.LargeContent>
                        <Canvas x:Name="canvas1_Copy22" RenderTransformOrigin="0.5,0.5" Margin="8,0,8,38" Height="747.28" VerticalAlignment="Bottom" >

                            <Rectangle x:Name="rectangle23"  Height="86.51" RadiusY="18.915" RadiusX="18.915" Stroke="Black" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" Opacity="0.73" HorizontalAlignment="Left" Width="100.02" Canvas.Left="35.818" Canvas.Top="27.5" d:IsHidden="True" Visibility="Collapsed">
                                <Rectangle.Effect>
                                    <DropShadowEffect/>
                                </Rectangle.Effect>
                                <Rectangle.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleY="0.995" ScaleX="0.858"/>
                                        <SkewTransform AngleY="-9.486"/>
                                        <RotateTransform Angle="-45.826"/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Rectangle.RenderTransform>
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="Black" Offset="0.556"/>
                                        <GradientStop Color="#FFA3A0A0" Offset="0.091"/>
                                        <GradientStop Color="#FFF3EDED" Offset="0.909"/>
                                        <GradientStop Color="#FFF5F1F1" Offset="0.017"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>


                <Grid x:Name="LabelGrid" Canvas.Left="253.82" Canvas.Top="214.248" Height="285.032" >

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="0.317*"/>
                        <ColumnDefinition Width="0.683*"/>
                    </Grid.ColumnDefinitions>

                    <Rectangle Stroke="Black" Margin="7.749,16.002,-5.248,8" RadiusX="12.5" RadiusY="12.5" Width="462" Grid.ColumnSpan="2" d:LayoutOverrides="HorizontalMargin">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#59000000" Offset="0.326"/>
                                <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                                <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>


                    <Canvas x:Name="labelmaker" Margin="17.749,26.668,9.752,20" Background="White" Width="437" Grid.ColumnSpan="2" >

                        <Label Width="130.679" Height="51.439" Content="Prepare by:" FontSize="16" Canvas.Left="8" Canvas.Top="161.333"/>
                        <Label Width="90" Height="22.5" Content="Prepared Date:" Canvas.Left="339" Canvas.Top="160.333" RenderTransformOrigin="0.5,0.5" FontSize="12">
                            <Label.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform AngleX="-2.337"/>
                                    <RotateTransform/>
                                    <TranslateTransform X="-0.459"/>
                                </TransformGroup>
                            </Label.RenderTransform>
                        </Label>
                        <TextBlock Foreground="Black" FontSize="34" Height="89.333" Background="White" Text="{Binding SelectedItem, Converter={StaticResource XmlValueConverter}, ElementName=TileContentData1, Mode=TwoWay}" Width="421" Canvas.Left="8" Canvas.Top="8" FontFamily="Arial Black" FontWeight="Bold" TextWrapping="Wrap" TextAlignment="Center" />
                        <TextBlock x:Name="SLText" Width="35.667"  Height="24" Text="{Binding SelectedItem, Converter={StaticResource XmlValueConverter2}, ElementName=TileContent_Data1, Mode=OneWay}" TextWrapping="Wrap" Canvas.Left="379.47" FontSize="12" Canvas.Top="216.772"/>
                        <TextBlock x:Name="NamText" Height="34.228" FontSize="16"  Text="{Binding SelectedItem, Converter={StaticResource XmlValueConverter3}, ElementName=EmployeeDataList, Mode=OneWay}" TextWrapping="Wrap" Width="216.054" Canvas.Left="17" Canvas.Top="194.772" />
                        <Label Width="112.458" Height="34.228" Content="Shelve Life:" Canvas.Left="302.679" Canvas.Top="212.772" FontSize="12"/>
                        <TextBlock x:Name="tbdate" Background="Black" FontSize="32" Foreground="White"  Height="48" Text="TextBlock" TextWrapping="Wrap" Width="423.083" TextAlignment="Center" Canvas.Left="5.917" Canvas.Top="101.333" d:LayoutOverrides="VerticalAlignment, Height"/>
                        <TextBlock x:Name="Dtext" Width="126.321" Height="24.012" Text="TextBlock" TextWrapping="Wrap" Canvas.Left="302.679" Canvas.Top="182.76" FontSize="20"/>
                        <Image Height="79.999" Source="Barcode.jpg" Stretch="Fill" Width="160" Canvas.Left="142.679" Canvas.Top="149.333"/>
                    </Canvas>

                </Grid>
                <Grid Width="981.594" Margin="0,0,0,8" HorizontalAlignment="Right" Height="191.459" VerticalAlignment="Bottom">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="0.034*"/>
                        <RowDefinition Height="0.966*"/>
                    </Grid.RowDefinitions>
                    <Grid x:Name="TreeViewGrid3" Margin="-41.652,34.339,28.041,0" Grid.Row="1" DataContext="{Binding Source={StaticResource CallRecipes}}"/>
                </Grid>
                <Grid Height="88" Width="454.075" Canvas.Left="264.246" Canvas.Top="531.28"/>
                <Grid Height="187.04" Canvas.Left="597.746" Canvas.Top="13.248" Width="Auto" DataContext="{Binding SelectedItem,ElementName=EmployeeDataList}" VerticalAlignment="Top" HorizontalAlignment="Left"/>
                <Grid Height="221.5" Width="Auto" DataContext="{Binding SelectedItem, ElementName=EmployeeDataList}" VerticalAlignment="Top" HorizontalAlignment="Right" Canvas.Top="49.208" Canvas.Left="540.363" d:LayoutOverrides="Height">
                    <Image x:Name="ChImage3" Source="{Binding Source={StaticResource Recipe1}, XPath=Image}" Margin="8,8,0,70.833" RenderTransformOrigin="0.5,0.5" Stretch="Fill" HorizontalAlignment="Left" Width="128">
                        <Image.Effect>
                            <DropShadowEffect/>
                        </Image.Effect>

                    </Image>
                    <StackPanel Margin="157.331,8,0,70.833" HorizontalAlignment="Left" Width="Auto">
                        <TextBlock x:Name="Nam3"  Text="{Binding Source={StaticResource Recipe1},XPath=RecipeName}" TextWrapping="Wrap" FontSize="24" Margin="0,0,7.946,0" Height="37.655"/>
                        <TextBlock Margin="0,0,92,0" TextWrapping="Wrap" FontSize="14" Text="{Binding Source={StaticResource Recipe1},XPath=RecipeYield}" Height="20.691"/>
                        <TextBlock Height="18.691" TextWrapping="Wrap" FontSize="14" Text="{Binding Source={StaticResource Recipe1},XPath=RecipeCount}" Margin="0,0,92,0"/>
                        <telerik:RadRating Height="19" Margin="0,0,84.452,0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" NumberOfItemsToGenerate="4" />
                        <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" FontSize="14" Text="{Binding Source={StaticResource Recipe1},XPath=Id}" Width="48" Height="23.358"/>
                    </StackPanel>
                </Grid>
            </Canvas>

                        </telerik:RadFluidContentControl.LargeContent>
                              </telerik:RadFluidContentControl>

                    </telerikNavigation:RadTileViewItem>

                                        <telerikNavigation:RadTileViewItem Header="Production List" TileState="Restored" Width="326" FontSize="24" Background="{x:Null}" Height="357.94" BorderBrush="{x:Null}" BorderThickness="1">
                                                                    <telerik:RadFluidContentControl SmallToNormalThreshold="0,190" NormalToLargeThreshold="600,600" LargeToNormalThreshold="600,600" NormalToSmallThreshold="0,190">
            <telerik:RadFluidContentControl.SmallContent>
                <Grid Height="120" Width="291.589" HorizontalAlignment="Center" Margin="0,-10.5,20,-11.47" DataContext="{Binding SelectedItem, ElementName=EmployeeDataList, Mode=OneWay}">
                            <Rectangle Margin="8,12.166,-16,13.837" RadiusY="12.5" RadiusX="12.5" Stroke="Black" >
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#59000000" Offset="0.326"/>
                                <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                                <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <TextBlock x:Name="ChArwrow155" Foreground="White" FontSize="44" TextWrapping="Wrap" Width="33.673" FontWeight="Bold" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,30.833,9.422,35.167"><TextBlock.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </TextBlock.RenderTransform><Run Text=">"/></TextBlock>
                    <ed:Arc x:Name="ChAwrc155" ArcThickness="5" ArcThicknessUnit="Pixel" EndAngle="352" Fill="#00000000" Stretch="None" Stroke="White" StrokeThickness="3" StartAngle="-352" Margin="0,33.332,-4.92,32.668" HorizontalAlignment="Right" Width="63.334"/>
                    <Image HorizontalAlignment="Left" Margin="29.996,18.585,0,21.415" Source="{Binding XPath=EmpImage}" Stretch="UniformToFill" Width="80" Height="80" RenderTransformOrigin="0.5,0.5">

                        <Image.Effect>
                            <DropShadowEffect/>
                        </Image.Effect>
                    </Image>
<TextBlock Text="{Binding XPath=ContactName}" FontSize="18" Foreground="White" TextAlignment="Justify" Margin="122.996,29.501,49.414,23.833" d:LayoutOverrides="HorizontalAlignment"/>

          </Grid>
            </telerik:RadFluidContentControl.SmallContent>
                  <telerik:RadFluidContentControl.Content>
        <Grid Height="500" Width="200" DataContext="{Binding SelectedItem,ElementName=EmployeeDataList}">
          <Image Source="{Binding XPath=EmpImage}" Stretch="UniformToFill" Height="90" Width="90" d:IsHidden="True"/>
          </Grid>
            </telerik:RadFluidContentControl.Content>

            <telerik:RadFluidContentControl.LargeContent>
                        <Grid x:Name="canvas1_Copy255" RenderTransformOrigin="0.5,0.5"  HorizontalAlignment="Left" Margin="12,0,0,63.167" Height="640.916" VerticalAlignment="Bottom" >
                            <Rectangle x:Name="rectangle355"  Height="86.51" RadiusY="18.915" RadiusX="18.915" Stroke="Black" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" Opacity="0.73" HorizontalAlignment="Left" Width="100.02" Canvas.Left="35.818" Canvas.Top="27.5" d:IsHidden="True" Visibility="Collapsed">
                                <Rectangle.Effect>
                                    <DropShadowEffect/>
                                </Rectangle.Effect>
                                <Rectangle.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleY="0.995" ScaleX="0.858"/>
                                        <SkewTransform AngleY="-9.486"/>
                                        <RotateTransform Angle="-45.826"/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Rectangle.RenderTransform>
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="Black" Offset="0.556"/>
                                        <GradientStop Color="#FFA3A0A0" Offset="0.091"/>
                                        <GradientStop Color="#FFF3EDED" Offset="0.909"/>
                                        <GradientStop Color="#FFF5F1F1" Offset="0.017"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>
                            </Rectangle>
                            <Button Content="" Foreground="{x:Null}"  RenderTransformOrigin="0.5,0.5" BorderBrush="{x:Null}" Background="{x:Null}" HorizontalAlignment="Left" Width="71.858" Height="56.103" VerticalAlignment="Top" Canvas.Left="50.581" Canvas.Top="42.856">
                                <Button.Effect>
                                    <BlurEffect Radius="37"/>
                                </Button.Effect>
                                <Button.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform ScaleY="1.034" ScaleX="0.967"/>
                                        <SkewTransform AngleX="3.635"/>
                                        <RotateTransform Angle="-45.714"/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Button.RenderTransform>
                            </Button>
                            <Grid Height="271" Canvas.Left="68.472" Canvas.Top="-56" Width="Auto" Margin="64.652,-56.042,245.652,0" VerticalAlignment="Top" d:LayoutOverrides="Height"/>
                            <Grid Canvas.Left="49.845" Canvas.Top="287" Margin="7.176,0,8,45.458">
                                <Rectangle Stroke="Black" RadiusX="12.5" RadiusY="12.5" Margin="-14.305,-62.667,0.5,-89.333" >
                                    <Rectangle.Fill>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#59000000" Offset="0.326"/>
                                            <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                                            <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>

                            </Grid>
                            <Grid Height="456" Canvas.Left="539.319" Canvas.Top="215" Width="244.848" Margin="0,218.458,242.076,-33.542" HorizontalAlignment="Right" d:LayoutOverrides="HorizontalAlignment">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="0.034*"/>
                                    <RowDefinition Height="0.966*"/>
                                </Grid.RowDefinitions>
                                <Rectangle Margin="-59.152,19.685,30.333,67.666" RadiusY="12.5" RadiusX="12.5" Stroke="Black" Fill="White" Visibility="Collapsed" Grid.Row="1"/>
                                <Grid x:Name="TreeViewGrid55" Margin="-41.652,34.339,28.041,0" Grid.Row="1" DataContext="{Binding Source={StaticResource CallRecipes}}"/>
                            </Grid>
                            <Grid Height="221.5" Canvas.Left="26.5" Canvas.Top="-56" Width="Auto" DataContext="{Binding SelectedItem, ElementName=EmployeeDataList}" Margin="11.426,-52.792,0,0" d:LayoutOverrides="Height" VerticalAlignment="Top" HorizontalAlignment="Left"/>
            <Grid x:Name="gri55" HorizontalAlignment="Right" Height="76.5" Margin="0,0,48.824,-0.06" VerticalAlignment="Bottom" Width="167.5">
                <Rectangle Margin="18.167,4.166,-8.66,7.667" RadiusY="28.833" RadiusX="28.833" Stroke="Black">
                    <Rectangle.Fill>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#59000000" Offset="0.326"/>
                            <GradientStop Color="#54FFFFFF" Offset="0.993"/>
                            <GradientStop Color="#72B3AFAF" Offset="0.013"/>
                        </LinearGradientBrush>
                    </Rectangle.Fill>
                </Rectangle>
                <TextBlock x:Name="textBlock_Co55" Foreground="White" FontSize="44" TextWrapping="Wrap" Width="33.673" FontWeight="Bold" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Right" Margin="0,5.5,14.008,17"><TextBlock.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </TextBlock.RenderTransform><Run Text=">"/></TextBlock>
                <ed:Arc x:Name="arc2_Copy55" ArcThickness="5" ArcThicknessUnit="Pixel" EndAngle="352" Fill="#00000000" Stretch="None" Stroke="White" StrokeThickness="3" StartAngle="-352" Width="63.334" HorizontalAlignment="Right" Margin="0,9,0,13.5"/>
                <TextBlock x:Name="textBlo55" Foreground="White"  FontSize="44" TextWrapping="Wrap" Width="33.673" FontWeight="Bold" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Left" Margin="40.319,13,0,9.5"><TextBlock.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform Angle="-181.1"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </TextBlock.RenderTransform><Run Text=">"/></TextBlock>
                <ed:Arc x:Name="arc2_Cop55" ArcThickness="5" ArcThicknessUnit="Pixel" EndAngle="352" Fill="#00000000" Stretch="None" Stroke="White" StrokeThickness="3" StartAngle="-352" Margin="29.166,10,75,12.5"/>
            </Grid>
            <Grid Margin="417.746,254.083,254.5,-32.584" DataContext="{Binding Source={StaticResource CallRecipes}}"/>
                    </Grid>
                        </telerik:RadFluidContentControl.LargeContent>
                              </telerik:RadFluidContentControl>
                                        </telerikNavigation:RadTileViewItem>

                </telerikNavigation:RadTileView>
                <telerikNavigation:RadMenu  Height="24" Margin="24,8,39.5,0" VerticalAlignment="Top">
                    <telerikNavigation:RadMenuItem Header="RadMenuItem">
                        <telerikNavigation:RadMenuItem Header="Sub Item 1"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 2"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 2"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 1"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 2"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 2"/>
                    </telerikNavigation:RadMenuItem>
                    <telerikNavigation:RadMenuItem Header="RadMenuItem">
                        <telerikNavigation:RadMenuItem Header="Sub Item 1"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 2"/>
                        <telerikNavigation:RadMenuItem Header="Sub Item 2"/>
                    </telerikNavigation:RadMenuItem>
                </telerikNavigation:RadMenu>
    </Grid>

Thank YOU again

RIck Mueller

[Viktor Tsvetkov]

Hi Rick Mueller,

I tried to reproduce your project, but there are a lot of StaticResources that are missing. Could you please send me the whole sample, so I will be able to better assist you?

Regards,
Viktor Tsvetkov
the Telerik team

[Rick Mueller]

Viktor,
I will create a ticket and zip it to you

Regards,
Rick