Primitives and template for RadDiagram

[Svyatoslav]

Hi. I'm adding a binding to the cell size and everything works correctly. 

xmlns:primitives="clr-namespace:Telerik.Windows.Controls.Diagrams.Primitives;assembly=Telerik.Windows.Controls.Diagrams"

<telerik:RadDiagram x:Name="diagram"      primitives:BackgroundGrid.CellSize="{Binding CellSize , Mode=TwoWay}"   />

 

But as soon as I connect the template, the binding disappears

1.   <telerik:RadDiagram x:Name="diagram" Template="{StaticResource RadDiagramTemplate}"
2. Background="{Binding SelectedColorDiagram,   Mode=TwoWay, Converter={StaticResource customColorToBrushConverter}}"
3.primitives:BackgroundGrid.CellSize="{Binding CellSize , Mode=TwoWay}"   />

Other bindings, such as Background, work fine

 

I need a template to change ManipulationAdorner. Template code:

001.<ControlTemplate TargetType="{x:Type telerik:RadDiagram}" x:Key="RadDiagramTemplate">
002.
003.                   <Grid>
004.                      <Grid.ColumnDefinitions>
005.                          <ColumnDefinition Width="*" />
006.                          <ColumnDefinition Width="Auto" />
007.                      </Grid.ColumnDefinitions>
008.                      <Grid.RowDefinitions>
009.                          <RowDefinition Height="*" />
010.                          <RowDefinition Height="Auto" />
011.                      </Grid.RowDefinitions>
012.                      <Grid Background="{TemplateBinding Background}">
013.                          <Grid x:Name="BackPanel">
014.                              <Grid.Visibility>
015.                                  <Binding Path="IsBackgroundSurfaceVisible" RelativeSource="{RelativeSource TemplatedParent}">
016.                                      <Binding.Converter>
017.                                          <telerik:BooleanToVisibilityConverter />
018.                                      </Binding.Converter>
019.                                  </Binding>
020.                              </Grid.Visibility>
021.                              <primitives:GraphPaper>
022.                                  <primitives:GraphPaper.CacheMode>
023.                                      <BitmapCache />
024.                                  </primitives:GraphPaper.CacheMode>
025.                              </primitives:GraphPaper>
026.                          </Grid>
027.                          <Grid x:Name="MainPanel" RenderTransformOrigin="0.5,0.5">
028.                              <telerik:DiagramSurface x:Name="ItemsHost" Background="Transparent" />
029.                              <primitives:AdornerSurface Background="{x:Null}">
030.                                  <Rectangle x:Name="SelectionRectangle" Style="{TemplateBinding SelectionRectangleStyle}" />
031.                                  <primitives:ManipulationAdorner x:Name="ManipulationAdorner"
032.                                                                             Diagram="{x:Null}"
033.                                                                             Position="0,0"
034.                                                                             RenderTransformOrigin="0.5,0.5"
035.                                                                             Style="{StaticResource ManipulationAdornerStyle}"
036.                                                                             Visibility="Collapsed"
037.                                                                             ZoomLevel="{TemplateBinding Zoom}">
038.                                      <telerik:StyleManager.Theme>
039.                                          <telerik:Office_BlackTheme />
040.                                      </telerik:StyleManager.Theme>
041.                                  </primitives:ManipulationAdorner>
042.                                  <primitives:ConnectionManipulationAdorner x:Name="ConnectionManipulationAdorner"
043.                                                                                       Diagram="{x:Null}"
044.                                                                                       Position="0,0"
045.                                                                                       RenderTransformOrigin="0.5,0.5"
046.                                                                                       Visibility="Collapsed">
047.                                      <primitives:ConnectionManipulationAdorner.RenderTransform>
048.                                          <RotateTransform />
049.                                      </primitives:ConnectionManipulationAdorner.RenderTransform>
050.                                      <telerik:StyleManager.Theme>
051.                                          <telerik:Office_BlackTheme />
052.                                      </telerik:StyleManager.Theme>
053.                                  </primitives:ConnectionManipulationAdorner>
054.                                  <primitives:GroupsAdorner x:Name="GroupsAdorner"
055.                                                                       HorizontalAlignment="Stretch"
056.                                                                       VerticalAlignment="Stretch" />
057.                                  <primitives:AlignmentAdorner x:Name="AlignmentAdorner"
058.                                                                          HorizontalAlignment="Stretch"
059.                                                                          VerticalAlignment="Stretch"
060.                                                                          Diagram="{x:Null}"
061.                                                                          Position="0,0"
062.                                                                          RenderTransformOrigin="0.5,0.5">
063.                                      <primitives:AlignmentAdorner.RenderTransform>
064.                                          <RotateTransform />
065.                                      </primitives:AlignmentAdorner.RenderTransform>
066.                                  </primitives:AlignmentAdorner>
067.                                  <primitives:DrawingAdorner x:Name="DrawingAdorner"
068.                                                                        HorizontalAlignment="Stretch"
069.                                                                        VerticalAlignment="Stretch"
070.                                                                        Diagram="{x:Null}"
071.
072.                                                                        Position="0,0"
073.                                                                        RenderTransformOrigin="0.5,0.5">
074.                                      <primitives:DrawingAdorner.RenderTransform>
075.                                          <RotateTransform />
076.                                      </primitives:DrawingAdorner.RenderTransform>
077.                                  </primitives:DrawingAdorner>
078.                              </primitives:AdornerSurface>
079.                          </Grid>
080.                          <primitives:AdornerSurface x:Name="FrontPanel">
081.                              <primitives:AdornerSurface.Visibility>
082.                                  <Binding Path="IsInformationAdornerVisible" RelativeSource="{RelativeSource TemplatedParent}">
083.                                      <Binding.Converter>
084.                                          <telerik:BooleanToVisibilityConverter />
085.                                      </Binding.Converter>
086.                                  </Binding>
087.                              </primitives:AdornerSurface.Visibility>
088.                              <primitives:ItemInformationAdorner x:Name="ItemInformationAdorner">
089.                                  <telerik:StyleManager.Theme>
090.                                      <telerik:Office_BlackTheme />
091.                                  </telerik:StyleManager.Theme>
092.                              </primitives:ItemInformationAdorner>
093.                          </primitives:AdornerSurface>
094.                      </Grid>
095.                      <Rectangle Grid.Row="1"
096.                                     Grid.Column="1"
097.                                     Fill="White" />
098.                      <ScrollBar x:Name="HorizontalScrollbar"
099.                                     Grid.Row="1"
100.                                     Grid.Column="0"
101.                                     HorizontalAlignment="Stretch"
102.                                     VerticalAlignment="Bottom"
103.                                     Orientation="Horizontal">
104.                          <telerik:StyleManager.Theme>
105.                              <telerik:Office_BlackTheme />
106.                          </telerik:StyleManager.Theme>
107.                      </ScrollBar>
108.                      <ScrollBar x:Name="VerticalScrollbar"
109.                                     Grid.Row="0"
110.                                     Grid.Column="1"
111.                                     HorizontalAlignment="Right"
112.                                     VerticalAlignment="Stretch"
113.                                     Orientation="Vertical">
114.                          <telerik:StyleManager.Theme>
115.                              <telerik:Office_BlackTheme />
116.                          </telerik:StyleManager.Theme>
117.                      </ScrollBar>
118.                  </Grid>
119.              </ControlTemplate>

 

Why after I add a template,  primitives:BackgroundGrid is stop working?