Class FlowchartOrientation

Specifies the different types of Orientation in FlowchartLayout class.

Inheritance
System.Object
FlowchartOrientation
Namespace: Syncfusion.UI.Xaml.Diagram.Layout
Assembly: Syncfusion.SfDiagram.UWP.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

Extension Methods