From c4c0e9e8ace47d892aa330eceab6c92525c76cbe Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Fri, 14 Jun 2024 15:47:23 +0530 Subject: [PATCH 1/2] WPF-889895-Corrected the Issues --- wpf/Diagram/Interaction/Selection.md | 59 ++++++++++++++-------------- 1 file changed, 29 insertions(+), 30 deletions(-) diff --git a/wpf/Diagram/Interaction/Selection.md b/wpf/Diagram/Interaction/Selection.md index 07a4e95299..3b8b2a93c0 100644 --- a/wpf/Diagram/Interaction/Selection.md +++ b/wpf/Diagram/Interaction/Selection.md @@ -27,15 +27,15 @@ Multiple elements can be selected with the following ways. 1. Shift+Click -You can select the group of elements that are contiguous (i.e. next to each other) by clicking one element, and then holding Shift and clicking the last element. All the element in the specified region are then selected. + You can select the group of elements that are contiguous (i.e. next to each other) by clicking one element, and then holding Shift and clicking the last element. All the element in the specified region are then selected. 2. Ctrl+Click -During single click, any existing item in the selection list be cleared, and only the item clicked recently is there in the selection list. To avoid cleaning the old selected item, Ctrl key must be on hold when clicking. + During single click, any existing item in the selection list be cleared, and only the item clicked recently is there in the selection list. To avoid cleaning the old selected item, Ctrl key must be on hold when clicking. 3. Selection rectangle / Rubber band selection -Clicking and dragging the Diagram area allows to create a rectangular region. The elements that are covered under the rectangular region are selected at the end. + Clicking and dragging the Diagram area allows to create a rectangular region. The elements that are covered under the rectangular region are selected at the end. Multiple selected elements are visually represented as shown. @@ -56,7 +56,7 @@ Multiple selected elements are visually represented as shown. {% highlight Xaml %} + SingleSelectionMode="Select"> {% endhighlight %} {% highlight C# %} @@ -71,11 +71,10 @@ Diagram.SingleSelectionMode = SingleSelectionMode.Select; |MultipleSelectionMode|Description| |--|--| |Default|Enables all behaviors of the control.| -|HoldKeyAndTap|Enables or disables elements can be selected by holding a key and tapping.| -|JustTap|Enables or disables elements can be selected by tapping.| -|None|Disables all behaviors.| -|RubberBandCompleteIntersect|Enables or disables elements that are completely positioned in the selection rectangle will be selected.| -|RubberBandPartialIntersect|Elements that intersect with the selection rectangle will be selected.| +|HoldKeyAndTap|Enables or disables elements that can be selected by holding a key and tapping.| +|JustTap|Enables or disables elements that can be selected by tapping.| +|RubberBandCompleteIntersect|Enables or disables the selection of elements that are completely positioned within the selection rectangle.| +|RubberBandPartialIntersect|Elements intersecting with the selection rectangle will be selected.| [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Interaction/Selectionmode-sample) @@ -89,11 +88,9 @@ The following code example illustrates how to select/unselect an item programma {% highlight C# %} // Selects an elements - node.IsSelected = true; // Unselect an element - node.IsSelected = false; {% endhighlight %} @@ -116,26 +113,28 @@ Multiple Selection will show the preview for the selected items. We have provide {% tabs %} {% highlight Xaml %} - - - + - + + + + + + - {% endhighlight %} {% highlight C# %} @@ -166,9 +165,9 @@ Diagram control provides support to change the selection handle display mode of ## Events -* [ItemSelectingEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html) and [ItemSelectedEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html) for selecting an element, will notify you the item and its original source. To explore about arguments ,please refer to [DiagramPreviewEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DiagramPreviewEventArgs.html) and [ItemSelectedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ItemSelectedEventArgs.html) . +* [ItemSelectingEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_ItemSelectingEvent) and [ItemSelectedEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_ItemSelectedEvent) for selecting an element, will notify you the item and its original source. To explore about arguments ,please refer to [DiagramPreviewEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DiagramPreviewEventArgs.html) and [ItemSelectedEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ItemSelectedEventArgs.html) . -* [ItemUnselectingEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html) and [ItemUnselectedEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html) for unselecting an element, will notify you the item and its original source.To explore about arguments ,please refer to [DiagramPreviewEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DiagramPreviewEventArgs.html) and [DiagramEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DiagramEventArgs.html) . +* [ItemUnselectingEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_ItemUnSelectingEvent) and [ItemUnselectedEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.IGraphInfo.html#Syncfusion_UI_Xaml_Diagram_IGraphInfo_ItemUnSelectedEvent) for unselecting an element, will notify you the item and its original source.To explore about arguments ,please refer to [DiagramPreviewEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DiagramPreviewEventArgs.html) and [DiagramEventArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.DiagramEventArgs.html) . ## See Also From 054382d642759c2dfbc9f7494d174b21493efeec Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 26 Jun 2024 12:39:46 +0530 Subject: [PATCH 2/2] WPF-889895-Removed the highlight from the properties with link --- wpf/Diagram/Interaction/Selection.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/wpf/Diagram/Interaction/Selection.md b/wpf/Diagram/Interaction/Selection.md index 3b8b2a93c0..9aa45a3df1 100644 --- a/wpf/Diagram/Interaction/Selection.md +++ b/wpf/Diagram/Interaction/Selection.md @@ -45,7 +45,7 @@ Multiple selected elements are visually represented as shown. #### Selection mode -[`SingleSelectionMode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_SingleSelectionMode) and [`MultipleSelectionMode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_MultipleSelectionMode) properties of SfDiagram allows us to decide which kind of selection need to be handle .To explore about modes, please refer to [SingleSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SingleSelectionMode.html) and [MultipleSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.MultipleSelectionMode.html). +[SingleSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_SingleSelectionMode) and [MultipleSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_MultipleSelectionMode) properties of `SfDiagram` allows us to decide which kind of selection need to be handle .To explore about modes, please refer to [SingleSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SingleSelectionMode.html) and [MultipleSelectionMode](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.MultipleSelectionMode.html). |SingleSelectionMode|Description| |--|--|