DOCINFRA-2341_merged_using_automation

ej2-asp-core-mvc/auto-complete/virtual-scroll.md

@@ -50,7 +50,7 @@ In the following example, `text` column from complex data have been mapped to th
 
 ## Binding remote data
 
-The AutoComplete supports retrieval of data from remote data services with the help of `DataManager` component. When using remote data, it initially fetches all the data from the server, triggering the `actionBegin` and `actionComplete` events, and then stores the data locally. During virtual scrolling, additional data is retrieved from the locally stored data, triggering the `actionBegin` and `actionComplete` events at that time as well.
+The AutoComplete supports the retrieval of data from remote data services with the help of the `DataManager` component, triggering the `actionBegin` and `actionComplete` events, and then updating the list data. During virtual scrolling, additional data is retrieved from the server, triggering the `actionBegin` and `actionComplete` events at that time as well.
 
 The following sample displays the OrderId from the `Orders` Data Service.
 

ej2-asp-core-mvc/code-snippet/diagram/connectors/connectorCollection/connectorCollection.cs

@@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Mvc;
+using Syncfusion.EJ2.Diagrams;
+using System.Drawing;
+
+namespace EJ2MVCSampleBrowser.Controllers.Diagram {
+    public partial class DiagramController: Controller {
+        // GET: Nodes
+        public ActionResult Nodes() {
+        List<DiagramConnector> Connectors = new List<DiagramConnector>([
+        { id: 'connector1', sourcePoint: { x: 100, y: 100 }, targetPoint: { x: 150, y: 150 } },
+        {id: 'connector2', type: 'Orthogonal', sourcePoint: { x: 170, y: 170 }, targetPoint: { x: 200, y: 200 }},
+        { id: 'connector3', type: 'Bezier', sourcePoint: { x: 320, y: 320 }, targetPoint: { x: 400, y: 400 } }
+         ];);
+         Connectors.addElemets(new DiagramConnector());
+         ViewBag.connectors = Connectors;
+        return View();
+        }
+    }
+}

ej2-asp-core-mvc/code-snippet/diagram/connectors/connectorCollection/tagHelper

@@ -0,0 +1,2 @@
+<ejs-diagram id="container" width="100%" height="700px" connectors="@ViewBag.connectors">
+</ejs-diagram>

ej2-asp-core-mvc/code-snippet/diagram/group/groupCollection/groupCollection.cs

@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Mvc;
+using Syncfusion.EJ2.Diagrams;
+using System.Drawing;
+
+namespace EJ2MVCSampleBrowser.Controllers.Diagram {
+    public partial class DiagramController: Controller {
+        // GET: Nodes
+        public ActionResult Nodes() {
+             List < DiagramNode > nodes = new List < DiagramNode > ();
+             Node1.Add(new DiagramNodeAnnotation() {
+                Content = "node1", Style = new DiagramTextStyle() {
+                    Color = "White", StrokeColor = "None"
+                }
+            });
+             nodes.addElements(new Node() [{ id: "rectangle1", offsetX: 100, offsetY: 100, width: 100, height: 100, annotations: [{ content: 'node1' }] },
+                { id: "rectangle2", offsetX: 200, offsetY: 200, width: 100, height: 100, annotations: [{ content: 'node2' }] },
+                { id: 'group', children: ['rectangle1', 'rectangle2'] },
+                { id: "rectangle3", offsetX: 400, offsetY: 400, width: 100, height: 100, annotations: [{ content: 'node1' }] },
+                { id: "rectangle4", offsetX: 500, offsetY: 500, width: 100, height: 100, annotations: [{ content: 'node2' }] },
+                { id: 'group', children: ['rectangle3', 'rectangle4'], padding: { left: 10, right: 10, top: 10, bottom: 10 } }
+                ]);
+               ViewBag.nodes = nodes;  
+            return View();
+        }
+    }
+    public class Node: DiagramNode {
+        public string text;
+    }
+}

ej2-asp-core-mvc/code-snippet/diagram/group/groupCollection/tagHelper

@@ -0,0 +1,3 @@
+<ejs-diagram id="container" width="100%" height="700px"  nodes="ViewBag.nodes">
+
+</ejs-diagram>

ej2-asp-core-mvc/code-snippet/diagram/node/nodescollection/nodescollection.cs

@@ -0,0 +1,34 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.Mvc;
+using Syncfusion.EJ2.Diagrams;
+using System.Drawing;
+
+namespace EJ2MVCSampleBrowser.Controllers.Diagram {
+    public partial class DiagramController: Controller {
+        // GET: Nodes
+        public ActionResult Nodes() {
+            List < DiagramNode > nodes = new List < DiagramNode > ();
+            List < DiagramNodeAnnotation > Node1 = new List < DiagramNodeAnnotation > ();
+            Node1.Add(new DiagramNodeAnnotation() {
+                Content = "node1", Style = new DiagramTextStyle() {
+                    Color = "White", StrokeColor = "None"
+                }
+            });
+             nodes.Add(new Node() [
+             { id: 'node16', offsetX: 35, offsetY: 260 },
+             { id: 'node17', offsetX: 140, offsetY: 260 },
+             { id: 'node18', offsetX: 240, offsetY: 260 }
+             ]);
+             ViewBag.nodes = nodes;
+
+
+            return View();
+        }
+    }
+    public class Node: DiagramNode {
+        public string text;
+    }
+}

ej2-asp-core-mvc/code-snippet/diagram/node/nodescollection/tagHelper

@@ -0,0 +1,8 @@
+<ejs-diagram id="container" width="100%" height="700px">
+    <e-diagram-nodes>
+        <e-diagram-node id='node1' offsetX="100" offsetY="100" width="100" height="100" borderWidth="2">
+            <e-node-style fill="darkcyan">
+            </e-node-style>
+        </e-diagram-node>
+    </e-diagram-nodes>
+</ejs-diagram>

ej2-asp-core-mvc/combo-box/virtual-scroll.md

@@ -49,7 +49,7 @@ In the following example, `id` column and `text` column from complex data have b
 
 ## Binding remote data
 
-The Combobox supports retrieval of data from remote data services with the help of `DataManager` component. When using remote data, it initially fetches all the data from the server, triggering the `actionBegin` and `actionComplete` events, and then stores the data locally. During virtual scrolling, additional data is retrieved from the locally stored data, triggering the `actionBegin` and `actionComplete` events at that time as well.
+The Combobox supports the retrieval of data from remote data services with the help of the `DataManager` component, triggering the `actionBegin` and `actionComplete` events, and then updating the list data. During virtual scrolling, additional data is retrieved from the server, triggering the `actionBegin` and `actionComplete` events at that time as well.
 
 The following sample displays the OrderId from the `Orders` Data Service.
 

ej2-asp-core-mvc/common/EJ2_ASP.MVC/internationalization.md

@@ -414,6 +414,7 @@ To use the custom date and time formats, specify the date/time pattern directly
 | h / H | Denotes the hour. *h* for 12 hour and *H* for 24 hours format. |
 | m | Denotes minutes. |
 | s | Denotes seconds. |
+| f | Denotes milliseconds. |
 | a | Denotes the am/pm designator it will only be displayed if hour is specified in the h format. |
 | z | Denotes the time zone. |
 | ' (single quotes) | To display words in the formatted date you can specify the words with in the single quotes |

ej2-asp-core-mvc/common/EJ2_ASP.NETCORE/internationalization.md

@@ -395,6 +395,7 @@ To use the custom date and time formats, specify the date/time pattern directly
 | h / H | Denotes the hour. *h* for 12 hour and *H* for 24 hours format. |
 | m | Denotes minutes. |
 | s | Denotes seconds. |
+| f | Denotes milliseconds. |
 | a | Denotes the am/pm designator it will only be displayed if hour is specified in the h format. |
 | z | Denotes the time zone. |
 | ' (single quotes) | To display words in the formatted date you can specify the words with in the single quotes |

ej2-asp-core-mvc/diagram/connectors.md

@@ -100,6 +100,28 @@ diagram.remove(connectors)
 
 ```
 
+## Add collection of connectors at runtime
+
+* The collection of connectors can be dynamically added using 'addElements' method.Each time an element is added to the diagram canvas, the 'collectionChange' event will be triggered.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/diagram/connectors/connectorCollection/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="ConnectorCollection.cs" %}
+{% include code-snippet/diagram/connectors/connectorCollection/connectorCollection.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight c# tabtitle="ConnectorCollection.cs" %}
+{% include code-snippet/diagram/connectors/connectorCollection/connectorCollection.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
 ## Connectors from palette
 
 Connectors can be predefined and added to the symbol palette. You can drop those connectors into the diagram, when required.

ej2-asp-core-mvc/diagram/group.md

@@ -123,6 +123,32 @@ var group= {
 diagram.add(group);
 ```
 
+
+## Add collection of group nodes at runtime
+
+* The collection of group nodes can be dynamically added using 'addElements' method.Each time an element is added to the diagram canvas, the 'collectionChange' event will be triggered.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/diagram/group/groupCollection/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="GroupCollection.cs" %}
+{% include code-snippet/diagram/group/groupCollection/groupCollection.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight c# tabtitle="GroupCollection.cs" %}
+{% include code-snippet/diagram/group/groupCollection/groupCollection.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+
 ## Container
 
 Containers are used to automatically measure and arrange the size and position of the child elements in a predefined manner. There are two types of containers available.

ej2-asp-core-mvc/diagram/labels.md

@@ -650,4 +650,25 @@ You can add any number of annotations to a node or connector.
 
 ## Constraints
 
-The constraints property of annotation allows to enable or disable certain annotation behaviours. For instance, you can disable annotation editing.
+The constraints property of annotation allows to enable or disable certain annotation behaviours. For instance, you can disable annotation editing.
+
+## Annotation rotation
+
+The [`rotationReference`] property of an annotation allows you to control whether the text should rotate relative to its parent node or the Page. The following code examples illustrate how to configure rotationReference for an annotation.
+
+```javascript
+var diagramElement = document.getElementById('element');
+var diagram = diagramElement.ej2_instances[0];
+var annotation = [{
+    id: 'label1',
+    content: 'Annotation',
+    //To disable annotation rotation
+    rotationReference: 'Page'
+}]
+diagram.dataBind();
+```
+
+| Value | Description | Image |
+| -------- | -------- | -------- |
+| Page | When this option is set, the annotation remains fixed in its original orientation even if its parent node is rotated. | ![No_Rotation](images/page_rotationreference.gif) |
+| Parent | In this case, the annotation rotates along with its parent node. | ![Rotation](images/parent_rotationreference.gif)|

ej2-asp-core-mvc/diagram/nodes.md

@@ -80,6 +80,30 @@ var node = {
 diagram.add(node);
 ```
 
+## Add collection of nodes at runtime
+
+* The collection of nodes can be dynamically added using 'addElements' method.Each time an element is added to the diagram canvas, the 'collectionChange' event will be triggered.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/diagram/node/nodescollection/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Nodescollection.cs" %}
+{% include code-snippet/diagram/node/nodescollection/nodescollection.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight c# tabtitle="Nodescollection.cs" %}
+{% include code-snippet/diagram/node/nodescollection/nodescollection.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
 ## Add node from palette
 
 Nodes can be predefined and added to the palette, and can be dropped into the diagram when needed. For more information about adding nodes from symbol palette, refer to [`Symbol Palette`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Diagrams.SymbolPalette.html).

ej2-asp-core-mvc/diagram/ports.md

@@ -237,3 +237,36 @@ The offset property of port is used to align the port based on fractions. 0 repr
 ## Constraints
 
 The constraints property allows to enable/disable certain behaviors of ports. For more information about port constraints, refer to [`Port Constraints`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Diagrams.PortConstraints.html).
+
+## Specify connection direction to port
+
+The [connectionDirection] property of a port allows users to specify the direction in which a connector should establish a connection. This can be either to the port (incoming) or from the port (outgoing).
+
+```javascript
+
+
+var port= [{
+        id: 'port1',
+        offset: {
+            x: 0,
+            y: 0.5
+        },
+        //specify the connectionDirection of the Port
+        connectionDirection:'Right'
+    } {
+        id: 'port2',
+        offset: {
+            x: 1,
+            y: 0.5
+        },
+        //specify the connectionDirection of the Port
+        connectionDirection:'Left'
+    },
+
+];
+
+
+```
+
+
+![maxSegmentThumb](images\connectionDirection.png)

ej2-asp-core-mvc/drop-down-list/virtual-scroll.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Virtualization in ##Platform_Name## Drop Down List Component
+title: Virtualization in ##Platform_Name## Drop Down List Component | Syncfusion
 description: Learn here all about Virtualization in Syncfusion ##Platform_Name## Drop Down List component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: Virtualization
@@ -52,7 +52,7 @@ In the following example, `id` column and `text` column from complex data have b
 
 ## Binding remote data
 
-The DropDownList supports retrieval of data from remote data services with the help of `DataManager` component. When using remote data, it initially fetches all the data from the server, triggering the `actionBegin` and `actionComplete` events, and then stores the data locally. During virtual scrolling, additional data is retrieved from the locally stored data, triggering the `actionBegin` and `actionComplete` events at that time as well.
+The DropDownList supports the retrieval of data from remote data services with the help of the `DataManager` component, triggering the `actionBegin` and `actionComplete` events, and then updating the list data. During virtual scrolling, additional data is retrieved from the server, triggering the `actionBegin` and `actionComplete` events at that time as well.
 
 The following sample displays the OrderId from the `Orders` Data Service.
 

ej2-asp-core-mvc/multi-select/virtual-scroll.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Virtualization in ##Platform_Name## Multi Select Component
+title: Virtualization in ##Platform_Name## Multi Select Component | Syncfusion
 description: Learn here all about Virtualization in Syncfusion ##Platform_Name## Multi Select component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: Virtualization
@@ -50,7 +50,7 @@ In the following example, `id` column and `text` column from complex data have b
 
 ## Binding remote data
 
-The DropDownList supports retrieval of data from remote data services with the help of `DataManager` component. When using remote data, it initially fetches all the data from the server, triggering the `actionBegin` and `actionComplete` events, and then stores the data locally. During virtual scrolling, additional data is retrieved from the locally stored data, triggering the `actionBegin` and `actionComplete` events at that time as well.
+The MultiSelect supports the retrieval of data from remote data services with the help of the `DataManager` component, triggering the `actionBegin` and `actionComplete` events, and then updating the list data. During virtual scrolling, additional data is retrieved from the server, triggering the `actionBegin` and `actionComplete` events at that time as well.
 
 The following sample displays the OrderId from the `Orders` Data Service.
 
@@ -195,7 +195,7 @@ The following sample shows the example for checkbox with Virtualization.
 
 ## Custom value with virtualization
 
-The MultiSelect component supports custom valie with Virtualization. When the [`allowCustomValue`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.dropdowns.multiselect.html#Syncfusion_EJ2_DropDowns_MultiSelect_AllowCustomValue) property is enabled, the MultiSelect enables users to include a new option not currently available in the component value. Upon selecting this newly added custom value, the MultiSelect triggers the [`customValueSelection`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.dropdowns.multiselect.html#Syncfusion_EJ2_DropDowns_MultiSelect_CustomValueSelection) event and also custom value will be added to the end of the complete list.
+The MultiSelect component supports custom value with Virtualization. When the [`allowCustomValue`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.dropdowns.multiselect.html#Syncfusion_EJ2_DropDowns_MultiSelect_AllowCustomValue) property is enabled, the MultiSelect enables users to include a new option not currently available in the component value. Upon selecting this newly added custom value, the MultiSelect triggers the [`customValueSelection`](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.dropdowns.multiselect.html#Syncfusion_EJ2_DropDowns_MultiSelect_CustomValueSelection) event and also custom value will be added to the end of the complete list.
 
 The following sample shows the example for custom value with Virtualization.