Merge pull request #2797 from syncfusion-content/EJ2-875008-featureUg

875008: featureUG

Author: shyamg1991

ej2-asp-core-mvc/diagram/bpmn-shapes.md

@@ -527,21 +527,21 @@ Artifact is used to show additional information about a process in order to make
 
 ## Text annotation
 
-* A BPMN object can be associated with a text annotation which does not affect the flow but gives details about objects within a flow. The annotation property of the node is used to connect an annotation element to the BPMN node.
+* A BPMN object can be associated with a text annotation which does not affect the flow but gives details about objects within a flow.
 
-* The annotation element can be displaced into a different position interactively by dragging the annotation to a particular position.
+* A TextAnnotation points to or references another BPMN shape, which we call the `textAnnotationTarget` of the textAnnotation. When a target shape is moved or deleted, any TextAnnotations attached to the shape will be moved or deleted too. Thus, the TextAnnotations remain with their target shapes though you can reposition the TextAnnotation to any offset from its target. The `textAnnotationTarget` property of the BpmnTextAnnotation is used to connect an annotation element to the BPMN Node.
 
 * The annotation element can be switched from a BPMN node to another BPMN node simply by dragging the source end of the annotation connector into the other BPMN node.
 
-* The annotation angle property is used to set the angle between the BPMN shape and the annotation.
+* By default, the TextAnnotation shape has a connection.
 
-* The annotation direction property is used to set the direction of the text annotation.
+* The `textAnnotationDirection` property is used to set the shape direction of the text annotation.
 
-* To set the size for text annotation, use width and height properties.
+* By default, the `textAnnotationDirection` is set to a Auto.
 
-* The annotation length property is used to set the distance between the BPMN shape and the annotation.
+* To set the size for text annotation, use the `width` and `height` properties of the node.
 
-* The annotation text property defines the additional information about the flow object in a BPMN process.
+* The `offsetX` and `offsetY` properties are used to set the distance between the BPMN node and the TextAnnotation.
 
 {% if page.publishingplatform == "aspnet-core" %}
 

ej2-asp-core-mvc/diagram/interaction/keyboard.md

@@ -30,6 +30,40 @@ The following table illustrates those commands with the associated key values.
 | Ctrl + MouseWheel | zoom | Zoom (Zoom in/Zoom out the diagram).|
 | F2 | `startLabelEditing` | Starts to edit the label of the selected element.|
 | Esc | `endLabelEditing` | Sets the label mode as view and stops editing.|
+| Tab | Tab to Focus | Select the diagram element based on the rendering order when using the "Tab" key.|
+| Shift + Tab | Go to Previous Object | This command is employed to shift the selection to the preceding object based on the z-order.|
+| Control + B | Bold | Toggle bold formatting for the selected text.|
+| Control + I | Italic | Toggle italic formatting for the selected text.|
+| Control + U | Underline | Toggle underline formatting for the selected text.|
+| Control + D | Duplicate | Duplicate a selected shape.|
+| Control + G | Group | Group together multiple selected shapes, allowing them to be treated as a single shape.|
+| Control + Shift + U | UnGroup | Ungroup shapes within a previously grouped selection.|
+| Control + R | Rotate clockwise | Rotate the selected nodes in clockwise.|
+| Control + L | Rotate anti-clockwise | Rotate the selected nodes in counterclockwise.|
+| Control + H | Flip Horizontal | Flip the selected elements horizontally.|
+| Control + J | Flip Vertical | Flip the selected elements vertically.|
+| Control + 1 | Pointer tool | Activate the pointer tool.|
+| Control + 2 | Text tool | Activate the text  tool.|
+| Control + 3 | Connector tool | Activate the connector tool.|
+| Control + 5 | Freeform  tool | Activate the freeform tool.|
+| Control + 6 | Line tool | Activate the polyline tool.|
+| Control + + | Zoom In | Zoom in the diagram.|
+| Control + - | Zoom Out | Zoom out the diagram.|
+| Shift + Up Arrow | Up | Moves the selected elements towards up by 5 pixel.|
+| Shift + Down Arrow | Down | Moves the selected elements towards down by 5 pixel.|
+| Shift + Left Arrow | Left | Moves the selected elements towards left by 5 pixel.|
+| Shift + Right Arrow | Right | Moves the selected elements towards right by 5 pixel.|
+| Control + Shift + L | Align Text Left | Align the selected text to the left.|
+| Control + Shift + C | Center Text Horizontally | Center the selected text horizontally.|
+| Control + Shift + R | Align Text Right | Align the selected text to the right.|
+| Control + Shift + J | Justify Text Horizontally | Justify the selected text, aligning it to both the left and right margins.|
+| Control + Shift + E | Top-align Text Vertically | Align the selected text to the top vertically.|
+| Control + Shift + M | Center Text Vertically | Center the selected text vertically.|
+| Control + Shift + V | Bottom-align Text Vertically | Align the selected text to the bottom vertically.|
+| Control + Shift + B | Send To Back | Send the selected shape backward in the stacking order, making it appear behind other shapes.|
+| Control + Shift + F | Bring To Front | Bring the selected shape forward in the stacking order, making it appear in front of other shapes.|
+| Control + [ | Send Backward | Move the selected shape one step backward in the layer order.|
+| Control + ] | Bring Forward | Move the selected shape one step forward in the layer order.|
 
 ## See Also