Class IconShapes
Specifies the icon to be shown in the node’s expand or collapsed state.
Inheritance
System.Object
IconShapes
Namespace: Syncfusion.Blazor.Diagrams
Assembly: Syncfusion.Blazor.dll
Syntax
public sealed class IconShapes : Enum
Remarks
To know more about using icon shapes, refer to these links |
1. HierarchicalLayout |
2. Organizational Chart |
3. Nodes |
To apply icon shape, use the below code. |
Examples
<SfDiagram Height="600px" Nodes="@NodeCollection" NodeDefaults="@NodeDefault" Connectors="@ConnectorCollection">
</SfDiagram>
@code{
public ObservableCollection<DiagramNode> NodeCollection = new ObservableCollection<DiagramNode>() { };
public ObservableCollection<DiagramConnector> ConnectorCollection = new ObservableCollection<DiagramConnector>() { };
DiagramNode NodeDefault = new DiagramNode()
{
Width = 140,
Height = 50,
Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" },
};
protected override void OnInitialized()
{
DiagramNode Node1 = new DiagramNode()
{
Id = "Start",
OffsetX = 300,
OffsetY = 50,
Annotations = new ObservableCollection<DiagramNodeAnnotation>()
{
new DiagramNodeAnnotation(){ Content = "Node1" }
},
ExpandIcon = new NodeExpandIcon() { Shape = IconShapes.ArrowDown, Width = 10, Height = 10 },
CollapseIcon = new NodeCollapseIcon() { Shape = IconShapes.ArrowUp, Width = 10, Height = 10 }
};
NodeCollection.Add(Node1);
DiagramNode Node2 = new DiagramNode()
{
Id = "Init",
OffsetX = 300,
OffsetY = 140,
Annotations = new ObservableCollection<DiagramNodeAnnotation>()
{
new DiagramNodeAnnotation(){ Content = "Node2" }
},
};
NodeCollection.Add(Node2);
DiagramConnector Connector = new DiagramConnector()
{
// Unique name for the connector
Id = "connector1",
// Source and Target node's name to which connector needs to be connected.
SourceID = "Start",
TargetID = "Init",
Type = Segments.Orthogonal
};
ConnectorCollection.Add(Connector);
}
}
Fields
ArrowDown
sets the icon shape as Arrow down.
Declaration
public const IconShapes ArrowDown
Field Value
Type | Description |
---|---|
IconShapes |
ArrowUp
sets the icon shape as ArrowUp.
Declaration
public const IconShapes ArrowUp
Field Value
Type | Description |
---|---|
IconShapes |
Minus
sets the icon shape as a minus.
Declaration
public const IconShapes Minus
Field Value
Type | Description |
---|---|
IconShapes |
None
sets the icon shape as None.
Declaration
public const IconShapes None
Field Value
Type | Description |
---|---|
IconShapes |
Path
sets the icon shape based on the given custom Path.
Declaration
public const IconShapes Path
Field Value
Type | Description |
---|---|
IconShapes |
Plus
sets the icon shape as Plus.
Declaration
public const IconShapes Plus
Field Value
Type | Description |
---|---|
IconShapes |
Template
sets the icon shape based on the given custom template.
Declaration
public const IconShapes Template
Field Value
Type | Description |
---|---|
IconShapes |
value__
Declaration
public int value__
Field Value
Type | Description |
---|---|
System.Int32 |