Binding issue with RadFluidContentControl

7 posts, 0 answers
  1. Rick Mueller
    Rick Mueller avatar
    103 posts
    Member since:
    Feb 2010

    Posted 07 Sep 2010 Link to this post

    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
  2. Rick Mueller
    Rick Mueller avatar
    103 posts
    Member since:
    Feb 2010

    Posted 08 Sep 2010 Link to this post

    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
  3. UI for WPF is Visual Studio 2017 Ready
  4. Viktor Tsvetkov
    Admin
    Viktor Tsvetkov avatar
    382 posts

    Posted 10 Sep 2010 Link to this post

    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
  5. Rick Mueller
    Rick Mueller avatar
    103 posts
    Member since:
    Feb 2010

    Posted 10 Sep 2010 Link to this post

    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
  6. Rick Mueller
    Rick Mueller avatar
    103 posts
    Member since:
    Feb 2010

    Posted 10 Sep 2010 Link to this post

    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"?>
        <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
  7. Viktor Tsvetkov
    Admin
    Viktor Tsvetkov avatar
    382 posts

    Posted 13 Sep 2010 Link to this post

    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
    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
  8. Rick Mueller
    Rick Mueller avatar
    103 posts
    Member since:
    Feb 2010

    Posted 14 Sep 2010 Link to this post

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

    Regards,
    Rick
Back to Top
UI for WPF is Visual Studio 2017 Ready