982382: Documentation for Allow drag within swimlane

Author: BalaVigneshRaviChandran

blazor/diagram/swimlane/lane/interaction.md

@@ -66,7 +66,7 @@ The following example demonstrates a node with the text "AllowDrag Within Swimla
 @code
 {
     //Define diagram's swimlane collection
-    DiagramObjectCollection<Swimlane> SwimlaneCollections = new DiagramObjectCollection<Swimlane>();
+    private DiagramObjectCollection<Swimlane> SwimlaneCollections = new DiagramObjectCollection<Swimlane>();
 
     protected override void OnInitialized()
     {
@@ -103,7 +103,7 @@ The following example demonstrates a node with the text "AllowDrag Within Swimla
                             Width = 100, 
                             LaneOffsetX = 100, 
                             LaneOffsetY = 30, 
-                            //Enable AllowDragWithinSwimlane to restrict movement outside the swimlane
+                            // To enable AllowDragWithinSwimlane to restrict movement outside the swimlane
                             Constraints = NodeConstraints.Default | NodeConstraints.AllowDragWithinSwimlane , 
                             Annotations = new DiagramObjectCollection<ShapeAnnotation>()
                             { 
@@ -137,10 +137,10 @@ The following example demonstrates a node with the text "AllowDrag Within Swimla
         if (obj is Swimlane swimlane)
         {
             swimlane.Header.Style = new TextStyle()
-                {
-                    Fill = "#5b9bd5",
-                    StrokeColor = "#5b9bd5"
-                };
+            {
+                Fill = "#5b9bd5",
+                StrokeColor = "#5b9bd5"
+            };
             foreach (Phase phase in swimlane.Phases)
             {
                 phase.Style = new ShapeStyle() { Fill = "#5b9bd5", StrokeColor = "#5b9bd5" };
@@ -165,13 +165,25 @@ The following example demonstrates a node with the text "AllowDrag Within Swimla
 
 The following example demonstrates enabling or disabling `AllowDragWithinSwimlane` dynamically at runtime by a button click.
 
+<<<<<<< .mine
 ```cshtml
 @using Syncfusion.Blazor.Diagram
+=======
+>**Note:**
+* To restrict a node to its owning swimlane, add **NodeConstraints.AllowDragWithinSwimlane** to the node’s `Constraints` property.
+>>>>>>> .theirs
 
+<<<<<<< .mine
 <button onclick="@AllowDrag">AllowDrag</button>
 <SfDiagramComponent Height="600px" Swimlanes="@SwimlaneCollections" NodeCreating="@OnNodeCreating" >
     <SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
 </SfDiagramComponent>
+=======
+* To enforce this restriction for all child nodes within swimlanes, set the [Constraints](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.Node.html#Syncfusion_Blazor_Diagram_Node_Constraints) during node initialization in the [NodeCreating](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SfDiagramComponent.html#Syncfusion_Blazor_Diagram_SfDiagramComponent_NodeCreating) event.
+
+
+
+>>>>>>> .theirs
 
 @code
 {