Class FlowchartOrientation

Specifies the different types of Orientation in FlowchartLayout class.

Inheritance

System.Object

FlowchartOrientation

Namespace: Syncfusion.UI.Xaml.Diagram.Layout

Assembly: Syncfusion.SfDiagram.WPF.dll

Syntax

public sealed class FlowchartOrientation : Enum

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

LeftToRight

Defines the flow orientation as left to right.

Declaration

public const FlowchartOrientation LeftToRight

Field Value

Type
FlowchartOrientation

TopToBottom

Defines the flow orientation as top to bottom.

Declaration

public const FlowchartOrientation TopToBottom

Field Value

Type
FlowchartOrientation