Class SizingOptions
Specifies to equally size the selected nodes with respect to the first selected object.
Inheritance
System.Object
SizingOptions
Namespace: Syncfusion.Blazor.Diagrams
Assembly: Syncfusion.Blazor.dll
Syntax
public sealed class SizingOptions : Enum
Remarks
To know more about using the SizingOptions, refer to this link |
1. Commands |
2. Diagram Methods |
To apply the sizing options, use the below code. |
Examples
<input type="button" value="Same Width" @onclick="@OnSameWidth" />
<input type = "button" value="Same Height" @onclick="@OnSameHeight" />
<input type = "button" value="Same Size" @onclick="@OnSameSize" />
<SfDiagram @ref = "@Diagram" Height="600px" Nodes="@NodeCollection">
</SfDiagram>
@code{
SfDiagram Diagram;
public ObservableCollection<DiagramNode> NodeCollection;
protected override void OnInitialized()
{
// A node is created and stored in the node's collection.
NodeCollection = new ObservableCollection<DiagramNode>(){
new DiagramNode()
{
Id = "Node1",
// Position of the node
OffsetX = 100, OffsetY = 100,
// Size of the node
Width = 70, Height = 40,
Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" }
},
new DiagramNode()
{
Id = "Node2",
// Position of the node
OffsetX = 100, OffsetY = 300,
// Size of the node
Width = 60, Height = 80,
Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" }
},
new DiagramNode()
{
Id = "Node3",
// Position of the node
OffsetX = 100, OffsetY = 200,
// Size of the node
Width = 50, Height = 50,
Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" }
},
new DiagramNode()
{
Id = "Node4",
// Position of the node
OffsetX = 200, OffsetY = 250,
// Size of the node
Width = 70, Height = 90,
Style = new NodeShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" }
}
};
}
// Same width
public async void OnSameWidth()
{
Diagram.Select(new ObservableCollection<DiagramNode>() { Diagram.Nodes[0], Diagram.Nodes[1], Diagram.Nodes[2] }, true);
SizingOptions SizingOptions = SizingOptions.Width;
Diagram.SameSize(SizingOptions);
}
// Same Height
public async void OnSameHeight()
{
Diagram.Select(new ObservableCollection<DiagramNode>() { Diagram.Nodes[0], Diagram.Nodes[1], Diagram.Nodes[2] }, true);
//Changing the selected nodes to same height
SizingOptions SizingOptions = SizingOptions.Height;
Diagram.SameSize(SizingOptions);
}
// Same Height
public async void OnSameSize()
{
Diagram.SelectAll();
//Changing the selected nodes to same size
SizingOptions SizingOptions = SizingOptions.Size;
Diagram.SameSize(SizingOptions);
}
}
Fields
Height
Scales the height of the selected objects.
Declaration
public const SizingOptions Height
Field Value
Type | Description |
---|---|
SizingOptions |
Size
Scales the selected objects both vertically and horizontally.
Declaration
public const SizingOptions Size
Field Value
Type | Description |
---|---|
SizingOptions |
value__
Declaration
public int value__
Field Value
Type | Description |
---|---|
System.Int32 |
Width
Scales the width of the selected objects.
Declaration
public const SizingOptions Width
Field Value
Type | Description |
---|---|
SizingOptions |