Articles in this section
Category / Section

How to use different user controls into stencil in the WPF Diagram (SfDiagram)?

1 min read

Different user controls can be used in Stencil control by using the Content property of NodeViewModel class in WPF Diagram (SfDiagram).

XAML

<Grid>
     <TextBlock Text="Shapes" FontSize="17" FontWeight="SemiBold" 
                       Foreground="#2b579a" HorizontalAlignment="Left" Margin="10,5,0,5" Grid.Row="0"/>
     <stencil:Stencil x:Name="stencil" Grid.Column="0" Grid.Row="1" ExpandMode="All" BorderBrush="#dfdfdf" BorderThickness="0,0,1,0">
         <stencil:Stencil.SymbolGroups>
             <stencil:SymbolGroups>
                 <stencil:SymbolGroupProvider MappingName="Key"/>
             </stencil:SymbolGroups>
         </stencil:Stencil.SymbolGroups>
         <stencil:Stencil.SelectedFilter>
             <syncfusion:SymbolFilterProvider SymbolFilter="SymbolFilter">
             </syncfusion:SymbolFilterProvider>
         </stencil:Stencil.SelectedFilter>
         <stencil:Stencil.SymbolSource>
             <local:SymbolCollection>
                <syncfusion:NodeViewModel  UnitHeight="50"   Key="Controls" UnitWidth="70" ContentTemplate="{StaticResource custombuttontemplate}">
                    <syncfusion:NodeViewModel.Content>
                        <Button Content="Button"/>
                    </syncfusion:NodeViewModel.Content>
                </syncfusion:NodeViewModel>
             </local:SymbolCollection>
         </stencil:Stencil.SymbolSource>
     </stencil:Stencil>
</Grid>

 

A screenshot of a social media post

Description automatically generated

View sample in GitHub.

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied