menu

UWP

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class FlowchartOrientation - UWP API Reference | Syncfusion

    Show / Hide Table of Contents

    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

    DateTimeExtension.ToDateTime(Object)
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved