Skip to content

Commit df65e63

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #72 from ParameshwaranSF4845/1007233-UGdocInteraction
1007233: UG documentation examples
2 parents e094afa + 2bf6d6f commit df65e63

72 files changed

Lines changed: 606 additions & 608 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Diagram/Server/Pages/Commands/AlignBottom.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Bottom" OnClick="@OnAlignBottom" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
// Reference to diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
// Initialize diagram's node collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
@@ -24,7 +24,7 @@
2424
OffsetY = 100,
2525
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
2626
};
27-
nodes.Add(node1);
27+
_nodes.Add(node1);
2828
Node node2 = new Node()
2929
{
3030
ID = "node2",
@@ -34,7 +34,7 @@
3434
OffsetY = 300,
3535
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
3636
};
37-
nodes.Add(node2);
37+
_nodes.Add(node2);
3838
Node node3 = new Node()
3939
{
4040
ID = "node3",
@@ -44,12 +44,12 @@
4444
OffsetY = 500,
4545
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
4646
};
47-
nodes.Add(node3);
47+
_nodes.Add(node3);
4848
}
4949

5050
//Method to align all the selected objectes at bottom of selection boundary
5151
private void OnAlignBottom()
5252
{
53-
diagram.SetAlign(AlignmentOptions.Bottom);
53+
_diagram.SetAlign(AlignmentOptions.Bottom);
5454
}
5555
}

‎Diagram/Server/Pages/Commands/AlignCenter.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Center" OnClick="@OnAlignCenter" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
// Reference to diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
// Initialize diagram's node collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
@@ -24,7 +24,7 @@
2424
OffsetY = 100,
2525
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
2626
};
27-
nodes.Add(node1);
27+
_nodes.Add(node1);
2828
Node node2 = new Node()
2929
{
3030
ID = "node2",
@@ -34,7 +34,7 @@
3434
OffsetY = 300,
3535
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
3636
};
37-
nodes.Add(node2);
37+
_nodes.Add(node2);
3838
Node node3 = new Node()
3939
{
4040
ID = "node3",
@@ -44,12 +44,12 @@
4444
OffsetY = 500,
4545
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
4646
};
47-
nodes.Add(node3);
47+
_nodes.Add(node3);
4848
}
4949

5050
// Method to align selected objects at center of the selection boundary.
5151
private void OnAlignCenter()
5252
{
53-
diagram.SetAlign(AlignmentOptions.Center);
53+
_diagram.SetAlign(AlignmentOptions.Center);
5454
}
5555
}

‎Diagram/Server/Pages/Commands/AlignLeft.razor‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Left" OnClick="@OnAlignLeft" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Reference the diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
// Initialize diagram's node collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
@@ -24,7 +24,7 @@
2424
OffsetY = 100,
2525
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
2626
};
27-
nodes.Add(node1);
27+
_nodes.Add(node1);
2828
Node node2 = new Node()
2929
{
3030
ID = "node2",
@@ -34,7 +34,7 @@
3434
OffsetY = 300,
3535
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
3636
};
37-
nodes.Add(node2);
37+
_nodes.Add(node2);
3838
Node node3 = new Node()
3939
{
4040
ID = "node3",
@@ -44,7 +44,7 @@
4444
OffsetY = 500,
4545
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
4646
};
47-
nodes.Add(node3);
47+
_nodes.Add(node3);
4848
}
4949

5050
//Method to align selected objects at left of the selection boundary.

‎Diagram/Server/Pages/Commands/AlignMiddle.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Middle" OnClick="@OnAlignMiddle" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Reference the diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
// Initialize diagram's node collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
@@ -24,7 +24,7 @@
2424
OffsetY = 100,
2525
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
2626
};
27-
nodes.Add(node1);
27+
_nodes.Add(node1);
2828
Node node2 = new Node()
2929
{
3030
ID = "node2",
@@ -34,7 +34,7 @@
3434
OffsetY = 300,
3535
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
3636
};
37-
nodes.Add(node2);
37+
_nodes.Add(node2);
3838
Node node3 = new Node()
3939
{
4040
ID = "node3",
@@ -44,12 +44,12 @@
4444
OffsetY = 500,
4545
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
4646
};
47-
nodes.Add(node3);
47+
_nodes.Add(node3);
4848
}
4949

5050
//Method to align selected objects at the middle of selection boundary.
5151
private void OnAlignMiddle()
5252
{
53-
diagram.SetAlign(AlignmentOptions.Middle);
53+
_diagram.SetAlign(AlignmentOptions.Middle);
5454
}
5555
}

‎Diagram/Server/Pages/Commands/AlignRight.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Right" OnClick="@OnAlignRight" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Reference the diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
// Initialize diagram's node collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
@@ -24,7 +24,7 @@
2424
OffsetY = 100,
2525
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
2626
};
27-
nodes.Add(node1);
27+
_nodes.Add(node1);
2828
Node node2 = new Node()
2929
{
3030
ID = "node2",
@@ -34,7 +34,7 @@
3434
OffsetY = 300,
3535
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
3636
};
37-
nodes.Add(node2);
37+
_nodes.Add(node2);
3838
Node node3 = new Node()
3939
{
4040
ID = "node3",
@@ -44,12 +44,12 @@
4444
OffsetY = 500,
4545
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
4646
};
47-
nodes.Add(node3);
47+
_nodes.Add(node3);
4848
}
4949

5050
//Method to align selected objects at the right of selection boundary.
5151
private void OnAlignRight()
5252
{
53-
diagram.SetAlign(AlignmentOptions.Right);
53+
_diagram.SetAlign(AlignmentOptions.Right);
5454
}
5555
}

‎Diagram/Server/Pages/Commands/AlignTop.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,14 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Top" OnClick="@OnAlignTop" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Reference the diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
// Initialize diagram's node collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
@@ -24,7 +24,7 @@
2424
OffsetY = 100,
2525
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
2626
};
27-
nodes.Add(node1);
27+
_nodes.Add(node1);
2828
Node node2 = new Node()
2929
{
3030
ID = "node2",
@@ -34,7 +34,7 @@
3434
OffsetY = 300,
3535
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
3636
};
37-
nodes.Add(node2);
37+
_nodes.Add(node2);
3838
Node node3 = new Node()
3939
{
4040
ID = "node3",
@@ -44,12 +44,12 @@
4444
OffsetY = 500,
4545
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle }
4646
};
47-
nodes.Add(node3);
47+
_nodes.Add(node3);
4848
}
4949

5050
//Method to align selected objects at the top of selection boundary.
5151
private void OnAlignTop()
5252
{
53-
diagram.SetAlign(AlignmentOptions.Top);
53+
_diagram.SetAlign(AlignmentOptions.Top);
5454
}
5555
}

‎Diagram/Server/Pages/Commands/BringForward.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
@using Syncfusion.Blazor.Buttons
66

77
<SfButton Content="bringForward" OnClick="@bringForward" />
8-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" @bind-Nodes="@nodes">
8+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" @bind-Nodes="@_nodes">
99
</SfDiagramComponent>
1010

1111
@code
1212
{
1313
//Reference the diagram
14-
private SfDiagramComponent diagram;
14+
private SfDiagramComponent _diagram;
1515
//Initialize the diagram's nodes collection
1616
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
1717

@@ -27,7 +27,7 @@
2727
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Rectangle },
2828
Style = new ShapeStyle() { Fill = "#6BA5D7", StrokeColor = "#ffff" },
2929
};
30-
nodes.Add(node1);
30+
_nodes.Add(node1);
3131
Node node2 = new Node()
3232
{
3333
ID = "node2",
@@ -38,7 +38,7 @@
3838
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Cylinder },
3939
Style = new ShapeStyle() { Fill = "#6BA5D7", StrokeColor = "#ffff" },
4040
};
41-
nodes.Add(node2);
41+
_nodes.Add(node2);
4242
Node node3 = new Node()
4343
{
4444
ID = "node3",
@@ -49,12 +49,12 @@
4949
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Ellipse },
5050
Style = new ShapeStyle() { Fill = "#6BA5D7", StrokeColor = "#ffff" },
5151
};
52-
nodes.Add(node3);
52+
_nodes.Add(node3);
5353
}
5454

5555
private void bringForward()
5656
{
57-
diagram.Select(new ObservableCollection<IDiagramObject>() { diagram.Nodes[1] });
58-
diagram.BringForward();
57+
_diagram.Select(new ObservableCollection<IDiagramObject>() { _diagram.Nodes[1] });
58+
_diagram.BringForward();
5959
}
6060
}

‎Diagram/Server/Pages/Commands/BringIntoCenter.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="BringIntoCenter" OnClick="@BringIntoCenter1" />
7-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="500px" @bind-Nodes="@nodes">
7+
<SfDiagramComponent @ref="_diagram" Width="1000px" Height="500px" @bind-Nodes="@_nodes">
88
</SfDiagramComponent>
99

1010
@code
1111
{
12-
private SfDiagramComponent diagram;
13-
private DiagramObjectCollection<Node> nodes;
14-
private DiagramObjectCollection<Connector> connectors;
12+
private SfDiagramComponent _diagram;
13+
private DiagramObjectCollection<Node> _nodes;
14+
private DiagramObjectCollection<Connector> _connectors;
1515

1616
protected override void OnInitialized()
1717
{
18-
nodes = new DiagramObjectCollection<Node>()
18+
_nodes = new DiagramObjectCollection<Node>()
1919
{
2020
new Node
2121
{

0 commit comments

Comments
 (0)