This is a migrated thread and some comments may be shown as answers.

Binding issue with RadFluidContentControl

6 Answers 156 Views

TileView

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 08 Sep 2010, 02:50 PM

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

answered on 10 Sep 2010, 04:09 PM

radtileviewexamplewpf.zip

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 10 Sep 2010, 09:47 PM

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>

</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 1"/>

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

</telerikNavigation:RadMenu>

</Grid>

Thank YOU again

RIck Mueller