Enum FlowchartOrientation

Specifies the different types of Orientation in FlowchartLayout class.

Namespace: Syncfusion.UI.Xaml.Diagram.Layout

Assembly: Syncfusion.SfDiagram.WPF.dll

Syntax

public enum FlowchartOrientation

Examples

Below example shows how to create flowchart layout

<local:DataItems x:Key="Dataitems">
<local:ItemInfo Id = "1" NodeShape="{StaticResource Terminator}" Width="80" Height="35" Name="Start"/>
<local:ItemInfo Id = "2" NodeShape="{StaticResource Data}" Width="90" Height="35" Name="Input">
<local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>1</sys:String>
       </local:LabelList>
   </local:ItemInfo.ParentId>
</local:ItemInfo>
<local:ItemInfo Id = "3" NodeShape="{StaticResource Decision}" Width="80" Height="60" Name="Decision?">
   <local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>2</sys:String>
       </local:LabelList>
  </local:ItemInfo.ParentId>
</local:ItemInfo>
<local:ItemInfo Id = "4" NodeShape="{StaticResource Process}" Width="80" Height="40" Name="Process1">
   <local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>3</sys:String>
       </local:LabelList>
   </local:ItemInfo.ParentId>
   <local:ItemInfo.Label>
       <local:LabelList>
               <sys:String>Yes</sys:String>
       </local:LabelList>
   </local:ItemInfo.Label>
</local:ItemInfo>
<local:ItemInfo Id = "5" NodeShape="{StaticResource Process}" Width="80" Height="40" Name="Process2">
   <local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>3</sys:String>
       </local:LabelList>
   </local:ItemInfo.ParentId>
   <local:ItemInfo.Label>
       <local:LabelList>
           <sys:String>No</sys:String>
       </local:LabelList>
   </local:ItemInfo.Label>
</local:ItemInfo>
<local:ItemInfo Id = "6" NodeShape="{StaticResource Data}" Width="90" Height="35" Name="Output">
   <local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>5</sys:String>
       </local:LabelList>
   </local:ItemInfo.ParentId>
</local:ItemInfo>
<local:ItemInfo Id = "7" NodeShape="{StaticResource Data}" Width="90" Height="35" Name="Output">
   <local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>4</sys:String>
       </local:LabelList>
   </local:ItemInfo.ParentId>
   </local:ItemInfo>
<local:ItemInfo Id = "8" NodeShape="{StaticResource Terminator}" Width="80" Height="35" Name="End">
   <local:ItemInfo.ParentId>
       <local:LabelList>
           <sys:String>6</sys:String>
           <sys:String>7</sys:String>
       </local:LabelList>
   </local:ItemInfo.ParentId>
   </local:ItemInfo>
</local:DataItems>
<!--Initializes the Layout-->
<Syncfusion:FlowchartLayout x:Key="Layout" Orientation="LeftToRight" 
HorizontalSpacing="50" VerticalSpacing="30" 
YesBranchDirection="LeftInFlow" 
NoBranchDirection="RightInFlow">
</Syncfusion:FlowchartLayout>
<!--Initializes the LayoutManager-->
<Syncfusion:LayoutManager x:Key="layoutmanager" Layout="{StaticResource Layout}"/>
<!--Initializes the DataSourceSettings -->
<Syncfusion:FlowchartDataSourceSettings x:Key="dataSourceSettings" 
   DataSource="{StaticResource Dataitems}" 
                                      ParentId="ParentId" Id="Id" 
                                       ShapeMapping="NodeShape" 
                                       WidthMapping="Width" 
                                       HeightMapping="Height" 
                                       ConnectorTextMapping="Label" 
ContentMapping="Name"/>    
<!--Initializes the SfDiagram --> 
<Syncfusion:SfDiagram x:Name="diagram" Grid.Column="0" 
                     LayoutManager="{StaticResource layoutmanager}" 
                    DataSourceSettings="{StaticResource dataSourceSettings}">   
</Syncfusion:SfDiagram>                                       

Fields

Name	Description
LeftToRight	Defines the flow orientation as left to right.
TopToBottom	Defines the flow orientation as top to bottom.