Class Phase

Represents a phase is the subprocess which will split each lanes as horizontally or vertically based on the Swimlane orientation.

Inheritance
System.Object
DiagramObject
NodeBase
SwimlaneChild
Phase
Implements
System.ICloneable
Inherited Members
Namespace: Syncfusion.Blazor.Diagram
Assembly: Syncfusion.Blazor.dll
Syntax
public class Phase : SwimlaneChild, IDiagramObject, ICloneable
Remarks

Phases are used within swimlanes to organize and structure the flow of the business process, providing a clear /// representation of different stages or steps.

Examples

The following example demonstrates how to add a phase to a swimlane:

 

<SfDiagramComponent Height="600px" Width="90%" Swimlanes="@swimlaneCollections"> 
</SfDiagramComponent> 
@code { 
   DiagramObjectCollection<Swimlane> swimlaneCollections = new DiagramObjectCollection<Swimlane>(); 

   protected override void OnInitialized() 
   { 
       swimlaneCollections = new DiagramObjectCollection<Swimlane>() 
       { 
           new Swimlane() 
           { 
               ID = "swimlane1", 
               Orientation = Orientation.Horizontal, 
               Height = 200, 
               Width = 450, 
               Phases = new DiagramObjectCollection<Phase>() 
               { 
                   new Phase() 
                   { 
                       Header = new SwimlaneHeader () 
                       { 
                           Annotation = new Annotation() 
                           { 
                               Content = "Header of phase" 
                           } 
                       }, 
                       Width= 450 
                   } 
               } 
           } 
       }; 
   } 
}

Constructors

Phase()

Creates a new instance of the Phase

Declaration
public Phase()

Phase(Phase)

Creates a new instance of the Phase from the given Phase.

Declaration
public Phase(Phase src)
Parameters
Type Name Description
Phase src

Properties

Header

Gets or sets the header of the phase.

Declaration
public SwimlaneHeader Header { get; set; }
Property Value
Type
SwimlaneHeader
Remarks

The header defines the title of the phase.

Examples

The following example demonstrates how to set the header of a phase:

 

<SfDiagramComponent Height="600px" Width="90%" Swimlanes="@swimlaneCollections"> 
</SfDiagramComponent> 
@code { 
   DiagramObjectCollection<Swimlane> swimlaneCollections = new DiagramObjectCollection<Swimlane>(); 

   protected override void OnInitialized() 
   { 
       swimlaneCollections = new DiagramObjectCollection<Swimlane>() 
       { 
           new Swimlane() 
           { 
               ID = "swimlane1", 
               Orientation = Orientation.Horizontal, 
               Height = 200, 
               Width = 450, 
               Phases = new DiagramObjectCollection<Phase>() 
               { 
                   new Phase() 
                   { 
                       Header = new SwimlaneHeader () 
                       { 
                           Annotation = new Annotation() 
                           { 
                               Content = "Header of phase" 
                           } 
                       }, 
                       Width = 450 
                   } 
               } 
           } 
       }; 
   } 
}

Orientation

Gets or sets the orientation of the phase.

Declaration
public Orientation Orientation { get; set; }
Property Value
Type Description
Orientation

The orientation of the phase.
Remarks

The orientation specifies whether the phase is displayed horizontally or vertically. This property is applicable only when the phase is added to a SymbolPalette.

Examples

The following example demonstrates how to set the orientation of a phase:

 

<SfSymbolPaletteComponent Width="100%" Height="1000px" Palettes="@Palettes" SymbolHeight="50" 
SymbolWidth="50"></SfSymbolPaletteComponent> 
@code { 
   DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>(); 

   protected override void OnInitialized() 
   { 
       //horizontal phase  
Phase horizontalPhase = new Phase() { Orientation = Orientation.Horizontal };  

//vertical phase  
Phase verticalPhase = new Phase() { Orientation = Orientation.Vertical }; 

DiagramObjectCollection<Nodebase> SymbolCollection = new DiagramObjectCollection<Nodebase>(){  
horizontalPhase , verticalPhase };  
Palettes = new DiagramObjectCollection<Palette>()  
{  
new Palette(){Symbols =SymbolCollection,Title="Swimlane Shapes" },  
} 
   } 
}

Style

Gets or sets the style of the phase.

Declaration
public ShapeStyle Style { get; set; }
Property Value
Type Description
ShapeStyle

The style of the phase.
Remarks

Use this property to apply custom styling to the phase, such as background color, border color, or shadow.

Examples

The following example demonstrates how to set the style of a phase:

 

<SfDiagramComponent Height="600px" Width="90%" Swimlanes="@swimlaneCollections"> 
</SfDiagramComponent> 
@code { 
   DiagramObjectCollection<Swimlane> swimlaneCollections = new DiagramObjectCollection<Swimlane>(); 

   protected override void OnInitialized() 
   { 
       swimlaneCollections = new DiagramObjectCollection<Swimlane>() 
       { 
           new Swimlane() 
           { 
               ID = "swimlane1", 
               Orientation = Orientation.Horizontal, 
               Height = 200, 
               Width = 450, 
               Phases = new DiagramObjectCollection<Phase>() 
               { 
                   new Phase() 
                   { 
                       Header = new SwimlaneHeader () 
                       { 
                           Annotation = new Annotation() 
                           { 
                               Content = "Header of phase" 
                           } 
                       }, 
                       Style = new ShapeStyle() 
                       { 
                           Fill = "lightblue", 
                           Stroke = "black", 
                           StrokeWidth = 2, 
                           Shadow = new ShadowStyle() 
                           { 
                               Color = "gray", 
                               Blur = 5, 
                               OffsetX = 2, 
                               OffsetY = 2 
                           } 
                       }, 
                       Width = 450 
                   } 
               } 
           } 
       }; 
   } 
}

Methods

Clone()

Creates a new instance of the Phase class that is a copy of the current instance.

Declaration
public override object Clone()
Returns
Type Description
System.Object

A new Phase object that is a copy of this instance.
Overrides

Implements

System.ICloneable