977115: ShowToolTip

Author: ParameshwaranSF4845

UG-Samples/SymbolPalette/ShowToolTip/ShowToolTip/Pages/Index.razor

@@ -12,9 +12,8 @@
             </SfCheckBox>
         </div>
         <div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
-            <SfSymbolPaletteComponent @ref="symbolPalette" Height="1000px" Width="300px"GetSymbolInfo="GetSymbolInfo"
-                                      Palettes="Palettes" SymbolHeight="60" SymbolWidth="60" 
-                                      SymbolMargin="symbolMargin">
+            <SfSymbolPaletteComponent @ref="symbolPalette" Height="1000px" Width="300px" GetSymbolInfo="GetSymbolInfo" Palettes="Palettes" SymbolHeight="60" 
+                                      SymbolWidth="60" SymbolMargin="symbolMargin">
             </SfSymbolPaletteComponent>
         </div>
     </div>
@@ -24,11 +23,11 @@
 </div>
 
 @code {
-    // Controls tooltip visibility for symbols at runtime
+    // Controls tooltip visibility for symbols at runtime.
     private bool ShowTooltip = false;
     private SfSymbolPaletteComponent? symbolPalette;
     private SfDiagramComponent? diagram;
-    private SymbolMargin symbolMargin = new SymbolMargin
+    private SymbolMargin symbolMargin = new SymbolMargin()
     {
         Left = 15,
         Right = 15,
@@ -43,47 +42,47 @@
 
     protected override void OnInitialized()
     {
-        // Initialize all palette models with predefined shapes
+        // Initialize all palette models with predefined shapes.
         InitPaletteModel();
     }
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender && symbolPalette != null && diagram != null)
         {
-            // Set diagram as drag-drop target for symbol palette
+            // Set diagram as drag-drop target for symbol palette.
             symbolPalette.Targets = new DiagramObjectCollection<SfDiagramComponent> { diagram };
         }
     }
 
-    // Configures symbol tooltip display based on checkbox state
+    // Configures symbol tooltip display based on checkbox state.
     private SymbolInfo GetSymbolInfo(IDiagramObject symbol)
     {
-        // Enable/disable tooltip display based on user preference at runtime
+        // Enable/disable tooltip display based on user preference at runtime.
         return new SymbolInfo { ShowTooltip = ShowTooltip };
     }
 
     private void InitPaletteModel()
     {
-        // Add flow shapes to palette
+        // Add flow shapes to palette.
         AddFlowShape(NodeFlowShapes.Terminator, "Terminator", 0);
         AddFlowShape(NodeFlowShapes.Decision, "Decision", 1);
         AddFlowShape(NodeFlowShapes.Process, "Process", 2);
         AddFlowShape(NodeFlowShapes.Document, "Document", 3);
 
-        // Add basic shapes to palette
+        // Add basic shapes to palette.
         AddBasicShape(NodeBasicShapes.Rectangle, "Rectangle", 0);
         AddBasicShape(NodeBasicShapes.Ellipse, "Ellipse", 1);
         AddBasicShape(NodeBasicShapes.Pentagon, "Pentagon", 2);
         AddBasicShape(NodeBasicShapes.Hexagon, "Hexagon", 3);
 
-        // Add connectors to palette
+        // Add connectors to palette.
         AddConnector("Orthogonal", ConnectorSegmentType.Orthogonal, DecoratorShape.Arrow, 0);
         AddConnector("Straight", ConnectorSegmentType.Straight, DecoratorShape.Arrow, 1);
         AddConnector("Bezier", ConnectorSegmentType.Bezier, DecoratorShape.Arrow, 2);
         AddConnector("StraightOpp", ConnectorSegmentType.Straight, DecoratorShape.None, 3);
 
-        // Create palette collection with all shape categories
+        // Create palette collection with all shape categories.
         Palettes = new DiagramObjectCollection<Palette>
         {
             new Palette { Symbols = FlowShapesPalette, Title = "Flow Shapes", ID = "FlowShapes", IsExpanded = true },
@@ -103,8 +102,7 @@
             Style = new ShapeStyle { Fill = "#6495ED", StrokeColor = "#6495ED" },
             Constraints = NodeConstraints.Default | NodeConstraints.Tooltip
         };
-
-        // Add tooltip for even-indexed shapes only
+        // Add tooltip for even-indexed shapes only.
         if (index % 2 == 0)
         {
             node.Tooltip = new DiagramTooltip 
@@ -113,8 +111,7 @@
                 ShowTipPointer = true, 
                 Position = Position.RightCenter 
             };
-        }
-
+        }  
         FlowShapesPalette.Add(node);
     }
 
@@ -134,8 +131,7 @@
             Style = new ShapeStyle { Fill = "#9CCC65", StrokeColor = "#558B2F" },
             Constraints = NodeConstraints.Default | NodeConstraints.Tooltip
         };
-
-        // Add tooltip for even-indexed shapes only
+        // Add tooltip for even-indexed shapes only.
         if (index % 2 == 0)
         {
             node.Tooltip = new DiagramTooltip 
@@ -145,7 +141,6 @@
                 Position = Position.RightCenter 
             };
         }
-
         BasicShapesPalette.Add(node);
     }
 
@@ -165,8 +160,7 @@
             },
             Constraints = ConnectorConstraints.Default | ConnectorConstraints.Tooltip
         };
-
-        // Add tooltip for even-indexed connectors only
+        // Add tooltip for even-indexed connectors only.
         if (index % 2 == 0)
         {
             connector.Tooltip = new DiagramTooltip 
@@ -176,7 +170,6 @@
                 ShowTipPointer = true 
             };
         }
-
         ConnectorsPalette.Add(connector);
     }
 }