864541: Commit

SyncfusionExamples · May 24, 2024 · 71c7850 · 71c7850
1 parent 1ed83ec
commit 71c7850
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/UG-Samples/Ruler/CustomizingRuler/Ruler/Pages/Index.razor b/UG-Samples/Ruler/CustomizingRuler/Ruler/Pages/Index.razor
@@ -2,28 +2,26 @@
 
 @using Syncfusion.Blazor.Diagram
 
-
 <SfDiagramComponent @ref="@diagram" Height="600px" >
-	<RulerSettings ShowRulers="@showrulers" EnableDynamicGrid="@enableDynamicGrid">
-        <HorizontalRuler Size="@RulerSize" Interval="@RulerInterval" 
-                            TickAlignment="@RulerTickAlignment" MarkerColor="@RulerMarkerColor"></HorizontalRuler>
-        <VerticalRuler Size="@RulerSize" Interval="@RulerInterval" 
-                        TickAlignment="@RulerTickAlignment" MarkerColor="@RulerMarkerColor"></VerticalRuler>
+	<RulerSettings EnableDynamicGrid="@enableDynamicGrid">
+        <HorizontalRuler  IsVisible="true" Interval="@RulerInterval" 
+                            TickAlignment="@RulerTickAlignment" MarkerColor="@RulerMarkerColor">
+     </HorizontalRuler>
+        <VerticalRuler IsVisible="false"  Interval="@RulerInterval" 
+                        TickAlignment="@RulerTickAlignment" MarkerColor="@RulerMarkerColor">
+        </VerticalRuler>
     </RulerSettings>
 </SfDiagramComponent>
 
 @code
 {
     //Reference to diagram.
     SfDiagramComponent diagram;
-    public bool showrulers = true;
     public bool enableDynamicGrid = true;
-    //Defining Size of Rulers
-    public int RulerSize = 10;
     //Defining Ruler Interval of Rulers
     public int RulerInterval = 20;
     //Defining Tick Alignment of Rulers
-    public TickAlignment RulerTickAlignment = TickAlignment.RightOrBottom;
+    public TickAlignment RulerTickAlignment = TickAlignment.RightAndBottom;
     //Defining Marker color of Rulers
     public string RulerMarkerColor = "green";
 

diff --git a/UG-Samples/Ruler/CustomizingRuler/Ruler/README.md b/UG-Samples/Ruler/CustomizingRuler/Ruler/README.md
@@ -1,9 +1,8 @@
 # Event sample
 
-This sample demonstrate how to invoke TextChanged and TextChanging event at sample. While editing the node’s or connector’s annotation, TextChanged and TextChangingnt can be used to do the customization. We have demo application for this.
+This sample demonstrates how to create a ruler and customize both the horizontal and vertical rulers.
 
-
-Demo: https://blazor.syncfusion.com/demos/diagramcomponent/events?theme=fluent
+Demo: https://sfblazor.azurewebsites.net/development/webapp/demos/diagramcomponent/rulers?theme=fluent
 
 ## Prerequisites