Skip to content

Commit 98b709b

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #45 from RamyaSubramaniSF4537/1007133-UG1
1007133: Updated the sample
2 parents 40d2b62 + 7cd876a commit 98b709b

16 files changed

Lines changed: 109 additions & 115 deletions

‎Diagram/Server/Pages/Gridlines/CustomGridline.razor‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,36 +3,35 @@
33

44
@using Syncfusion.Blazor.Diagram
55

6-
<SfDiagramComponent Height="600px" Nodes="@nodes">
6+
<SfDiagramComponent Height="600px" Nodes="@_nodes">
77
@* Initialize the diagram snapping the custom interval *@
88
<SnapSettings Constraints="SnapConstraints.All">
9-
<HorizontalGridLines SnapIntervals="@SnapInterval">
9+
<HorizontalGridLines SnapIntervals="@_snapInterval">
1010
</HorizontalGridLines>
11-
<VerticalGridLines SnapIntervals="@SnapInterval">
11+
<VerticalGridLines SnapIntervals="@_snapInterval">
1212
</VerticalGridLines>
1313
</SnapSettings>
1414
</SfDiagramComponent>
1515

1616
@code
1717
{
18-
//Sets the snapinterval...
19-
private double[] SnapInterval { get; set; } = new double[]
18+
//Sets the snap interval.
19+
private double[] _snapInterval { get; set; } = new double[]
2020
{
2121
10
2222
};
23-
//Initialize the diagram's nodes collection
24-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
23+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
2524

2625
protected override void OnInitialized()
2726
{
28-
nodes = new DiagramObjectCollection<Node>();
27+
_nodes = new DiagramObjectCollection<Node>();
2928
Node diagramNode = new Node();
3029
diagramNode.OffsetX = 100;
3130
diagramNode.OffsetY = 100;
3231
diagramNode.Width = 100;
3332
diagramNode.Height = 100;
3433
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
3534
diagramNode.ID = "node1";
36-
nodes.Add(diagramNode);
35+
_nodes.Add(diagramNode);
3736
}
3837
}

‎Diagram/Server/Pages/Gridlines/CustomizeGridline.razor‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,15 @@
55
<SfDiagramComponent Width="1000px" Height="500px">
66
@* Customizes the appearance of the gridlines *@
77
<SnapSettings GridType="GridType.Dots">
8-
<HorizontalGridLines LineColor="Blue" @bind-LineIntervals="@HInterval"
9-
@bind-DotIntervals="@HDotInterval"></HorizontalGridLines>
10-
<VerticalGridLines LineColor="Blue" @bind-LineIntervals="@VInterval"
11-
@bind-DotIntervals="@VDotInterval"></VerticalGridLines>
8+
<HorizontalGridLines LineColor="Blue" @bind-LineIntervals="@_hInterval" @bind-DotIntervals="@_hDotInterval"></HorizontalGridLines>
9+
<VerticalGridLines LineColor="Blue" @bind-LineIntervals="@_vInterval" @bind-DotIntervals="@_vDotInterval"></VerticalGridLines>
1210
</SnapSettings>
1311
</SfDiagramComponent>
1412

1513
@code
1614
{
17-
private double[] HDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20 };
18-
private double[] VDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20, 1, 20, 1, 20 };
19-
private double[] HInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
20-
private double[] VInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
15+
private double[] _hDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20 };
16+
private double[] _vDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20, 1, 20, 1, 20 };
17+
private double[] _hInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
18+
private double[] _vInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
2119
}

‎Diagram/Server/Pages/Gridlines/CustomizeSnapInterval.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,35 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes">
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes">
66
@* Initialize the diagram snapping the custom interval *@
77
<SnapSettings Constraints="SnapConstraints.All">
8-
<HorizontalGridLines SnapIntervals="@SnapInterval">
8+
<HorizontalGridLines SnapIntervals="@_snapInterval">
99
</HorizontalGridLines>
10-
<VerticalGridLines SnapIntervals="@SnapInterval">
10+
<VerticalGridLines SnapIntervals="@_snapInterval">
1111
</VerticalGridLines>
1212
</SnapSettings>
1313
</SfDiagramComponent>
1414

1515
@code
1616
{
1717
//Sets the snapinterval...
18-
private double[] SnapInterval { get; set; } = new double[]
18+
private double[] _snapInterval { get; set; } = new double[]
1919
{
2020
10
2121
};
22-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
22+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
2323

2424
protected override void OnInitialized()
2525
{
26-
nodes = new DiagramObjectCollection<Node>();
26+
_nodes = new DiagramObjectCollection<Node>();
2727
Node diagramNode = new Node();
2828
diagramNode.OffsetX = 100;
2929
diagramNode.OffsetY = 100;
3030
diagramNode.Width = 100;
3131
diagramNode.Height = 100;
3232
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
3333
diagramNode.ID = "node1";
34-
nodes.Add(diagramNode);
34+
_nodes.Add(diagramNode);
3535
}
3636
}

‎Diagram/Server/Pages/Gridlines/LineInterval.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,17 @@
66
<SfDiagramComponent Height="600px">
77
@* Customize the appearance of the grid lines *@
88
<SnapSettings Constraints="SnapConstraints.ShowLines">
9-
<HorizontalGridLines LineColor="blue" LineDashArray="2,2" LineIntervals="@Interval">
9+
<HorizontalGridLines LineColor="blue" LineDashArray="2,2" LineIntervals="@_interval">
1010
</HorizontalGridLines>
11-
<VerticalGridLines LineColor="blue" LineDashArray="2,2" LineIntervals="@Interval">
11+
<VerticalGridLines LineColor="blue" LineDashArray="2,2" LineIntervals="@_interval">
1212
</VerticalGridLines>
1313
</SnapSettings>
1414
</SfDiagramComponent>
1515

1616
@code
1717
{
1818
//Sets the line intervals for the gridlines
19-
private double[] Interval { get; set; } = new double[]
19+
private double[] _interval { get; set; } = new double[]
2020
{
2121
1.25, 14, 0.25, 15, 0.25, 15, 0.25, 15, 0.25, 15
2222
};

‎Diagram/Server/Pages/Gridlines/SnapLineStyle.razor‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,29 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes">
6-
<SnapSettings Constraints="@snapConstraints" SnapAngle="10" SnapDistance="10" SnapLineStyle="snapLineStyle">
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes">
6+
<SnapSettings Constraints="@_snapConstraints" SnapAngle="10" SnapDistance="10" SnapLineStyle="_snapLineStyle">
77
</SnapSettings>
88
</SfDiagramComponent>
99

1010
@code
1111
{
1212
//Sets the Snap to objects constraints.
13-
private SnapConstraints snapConstraints = SnapConstraints.ShowLines | SnapConstraints.SnapToObject | SnapConstraints.SnapToLines;
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
15-
private ShapeStyle snapLineStyle = new ShapeStyle() { StrokeColor = "green", StrokeWidth = 3 };
13+
private SnapConstraints _snapConstraints = SnapConstraints.ShowLines | SnapConstraints.SnapToObject | SnapConstraints.SnapToLines;
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
15+
private ShapeStyle _snapLineStyle = new ShapeStyle() { StrokeColor = "green", StrokeWidth = 3 };
1616

1717
protected override void OnInitialized()
1818
{
19-
nodes = new DiagramObjectCollection<Node>();
19+
_nodes = new DiagramObjectCollection<Node>();
2020
Node diagramNode = new Node();
2121
diagramNode.OffsetX = 100;
2222
diagramNode.OffsetY = 100;
2323
diagramNode.Width = 100;
2424
diagramNode.Height = 100;
2525
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
2626
diagramNode.ID = "node1";
27-
nodes.Add(diagramNode);
27+
_nodes.Add(diagramNode);
2828

2929
diagramNode = new Node();
3030
diagramNode.OffsetX = 300;
@@ -33,6 +33,6 @@
3333
diagramNode.Height = 100;
3434
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
3535
diagramNode.ID = "node2";
36-
nodes.Add(diagramNode);
36+
_nodes.Add(diagramNode);
3737
}
3838
}

‎Diagram/Server/Pages/Gridlines/SnapToLines.razor‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,27 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes">
6-
<SnapSettings Constraints="@snapConstraints"></SnapSettings>
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes">
6+
<SnapSettings Constraints="@_snapConstraints"></SnapSettings>
77
</SfDiagramComponent>
88

99
@code
1010
{
1111
//Sets the snap constraints
12-
private SnapConstraints snapConstraints = SnapConstraints.ShowLines | SnapConstraints.SnapToLines;
12+
private SnapConstraints _snapConstraints = SnapConstraints.ShowLines | SnapConstraints.SnapToLines;
1313
//Intialize the diagram's nodes collection
14-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
14+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1515

1616
protected override void OnInitialized()
1717
{
18-
nodes = new DiagramObjectCollection<Node>();
18+
_nodes = new DiagramObjectCollection<Node>();
1919
Node diagramNode = new Node();
2020
diagramNode.OffsetX = 100;
2121
diagramNode.OffsetY = 100;
2222
diagramNode.Width = 100;
2323
diagramNode.Height = 100;
2424
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
2525
diagramNode.ID = "node1";
26-
nodes.Add(diagramNode);
26+
_nodes.Add(diagramNode);
2727
}
2828
}

‎Diagram/Server/Pages/Gridlines/SnapToObject.razor‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,29 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes">
6-
<SnapSettings Constraints="@snapConstraints" SnapAngle="10" SnapDistance="10">
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes">
6+
<SnapSettings Constraints="@_snapConstraints" SnapAngle="10" SnapDistance="10">
77
</SnapSettings>
88
</SfDiagramComponent>
99

1010
@code
1111
{
1212
//Sets the Snap to objects constraints...
13-
private SnapConstraints snapConstraints = SnapConstraints.ShowLines | SnapConstraints.SnapToObject;
13+
private SnapConstraints _snapConstraints = SnapConstraints.ShowLines | SnapConstraints.SnapToObject;
1414
//Initialize the diagram's nodes collection
15-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
15+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1616

1717
protected override void OnInitialized()
1818
{
19-
nodes = new DiagramObjectCollection<Node>();
19+
_nodes = new DiagramObjectCollection<Node>();
2020
Node diagramNode = new Node();
2121
diagramNode.OffsetX = 100;
2222
diagramNode.OffsetY = 100;
2323
diagramNode.Width = 100;
2424
diagramNode.Height = 100;
2525
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
2626
diagramNode.ID = "node1";
27-
nodes.Add(diagramNode);
27+
_nodes.Add(diagramNode);
2828

2929
diagramNode = new Node();
3030
diagramNode.OffsetX = 300;
@@ -33,6 +33,6 @@
3333
diagramNode.Height = 100;
3434
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
3535
diagramNode.ID = "node2";
36-
nodes.Add(diagramNode);
36+
_nodes.Add(diagramNode);
3737
}
3838
}

‎Diagram/Server/Pages/Ruler/Ruler.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,27 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent @ref="@diagram" Height="600px" >
5+
<SfDiagramComponent @ref="@_diagram" Height="600px" >
66
<RulerSettings>
7-
<HorizontalRuler IsVisible="true" Interval="@RulerInterval"
8-
TickAlignment="@RulerTickAlignment" MarkerColor="@RulerMarkerColor">
7+
<HorizontalRuler IsVisible="true" Interval="@_rulerInterval"
8+
TickAlignment="@_rulerTickAlignment" MarkerColor="@_rulerMarkerColor">
99
</HorizontalRuler>
10-
<VerticalRuler IsVisible="false" Interval="@RulerInterval"
11-
TickAlignment="@RulerTickAlignment" MarkerColor="@RulerMarkerColor">
10+
<VerticalRuler IsVisible="false" Interval="@_rulerInterval"
11+
TickAlignment="@_rulerTickAlignment" MarkerColor="@_rulerMarkerColor">
1212
</VerticalRuler>
1313
</RulerSettings>
1414
</SfDiagramComponent>
1515

1616
@code
1717
{
1818
//Reference to diagram.
19-
private SfDiagramComponent diagram;
19+
private SfDiagramComponent _diagram;
2020
//Defining Ruler Interval of Rulers
21-
private int RulerInterval = 20;
21+
private int _rulerInterval = 20;
2222
//Defining Tick Alignment of Rulers
23-
private TickAlignment RulerTickAlignment = TickAlignment.RightAndBottom;
23+
private TickAlignment _rulerTickAlignment = TickAlignment.RightAndBottom;
2424
//Defining Marker color of Rulers
25-
private string RulerMarkerColor = "green";
25+
private string _rulerMarkerColor = "green";
2626
}
2727

2828

‎Diagram/Wasm/Pages/Gridlines/CustomGridline.razor‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,36 +3,35 @@
33

44
@using Syncfusion.Blazor.Diagram
55

6-
<SfDiagramComponent Height="600px" Nodes="@nodes">
6+
<SfDiagramComponent Height="600px" Nodes="@_nodes">
77
@* Initialize the diagram snapping the custom interval *@
88
<SnapSettings Constraints="SnapConstraints.All">
9-
<HorizontalGridLines SnapIntervals="@SnapInterval">
9+
<HorizontalGridLines SnapIntervals="@_snapInterval">
1010
</HorizontalGridLines>
11-
<VerticalGridLines SnapIntervals="@SnapInterval">
11+
<VerticalGridLines SnapIntervals="@_snapInterval">
1212
</VerticalGridLines>
1313
</SnapSettings>
1414
</SfDiagramComponent>
1515

1616
@code
1717
{
18-
//Sets the snapinterval...
19-
private double[] SnapInterval { get; set; } = new double[]
18+
//Sets the snap interval.
19+
private double[] _snapInterval { get; set; } = new double[]
2020
{
2121
10
2222
};
23-
//Initialize the diagram's nodes collection
24-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
23+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
2524

2625
protected override void OnInitialized()
2726
{
28-
nodes = new DiagramObjectCollection<Node>();
27+
_nodes = new DiagramObjectCollection<Node>();
2928
Node diagramNode = new Node();
3029
diagramNode.OffsetX = 100;
3130
diagramNode.OffsetY = 100;
3231
diagramNode.Width = 100;
3332
diagramNode.Height = 100;
3433
diagramNode.Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" };
3534
diagramNode.ID = "node1";
36-
nodes.Add(diagramNode);
35+
_nodes.Add(diagramNode);
3736
}
3837
}

‎Diagram/Wasm/Pages/Gridlines/CustomizeGridline.razor‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,15 @@
55
<SfDiagramComponent Width="1000px" Height="500px">
66
@* Customizes the appearance of the gridlines *@
77
<SnapSettings GridType="GridType.Dots">
8-
<HorizontalGridLines LineColor="Blue" @bind-LineIntervals="@HInterval"
9-
@bind-DotIntervals="@HDotInterval"></HorizontalGridLines>
10-
<VerticalGridLines LineColor="Blue" @bind-LineIntervals="@VInterval"
11-
@bind-DotIntervals="@VDotInterval"></VerticalGridLines>
8+
<HorizontalGridLines LineColor="Blue" @bind-LineIntervals="@_hInterval" @bind-DotIntervals="@_hDotInterval"></HorizontalGridLines>
9+
<VerticalGridLines LineColor="Blue" @bind-LineIntervals="@_vInterval" @bind-DotIntervals="@_vDotInterval"></VerticalGridLines>
1210
</SnapSettings>
1311
</SfDiagramComponent>
1412

1513
@code
1614
{
17-
private double[] HDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20 };
18-
private double[] VDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20, 1, 20, 1, 20 };
19-
private double[] HInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
20-
private double[] VInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
15+
private double[] _hDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20 };
16+
private double[] _vDotInterval { get; set; } = new double[] { 3, 20, 1, 20, 1, 20, 1, 20, 1, 20 };
17+
private double[] _hInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
18+
private double[] _vInterval { get; set; } = new double[] { 1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75 };
2119
}

0 commit comments

Comments
 (0)