DOCINFRA-2341_merged_using_automation

ej2-asp-core-mvc/auto-complete/disabled-items.md

@@ -56,4 +56,4 @@ The disableItem method can be used to handle dynamic changing in disable state o
 
 If you want to disabled the overall component to set the [enabled](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.DropDowns.AutoComplete.html#Syncfusion_EJ2_DropDowns_AutoComplete_Enabled) property to false.
 
-{% [Disabled AutoComplete Component](./images/autocomplete-disable.png)" %}
+![Disabled AutoComplete Component](./images/autocomplete-disable.png)

ej2-asp-core-mvc/code-snippet/image-editor/z-order/default.cs

@@ -0,0 +1,4 @@
+public ActionResult Default()
+{
+    return View();
+}

ej2-asp-core-mvc/code-snippet/image-editor/z-order/razor

@@ -0,0 +1,36 @@
+<div class="col-lg-12 control-section e-img-editor-sample">
+    @Html.EJS().ImageEditor("image-editor").Created("created").Render()
+</div>
+
+<script>
+    function created() {
+        var imageEditorObj = ej.base.getComponent(document.getElementById('image-editor'), 'image-editor');
+        if (ej.base.Browser.isDevice) {
+            imageEditorObj.open('https://ej2.syncfusion.com/demos/src/image-editor/images/flower.png');
+        } else {
+            imageEditorObj.open('https://ej2.syncfusion.com/demos/src/image-editor/images/bridge.png');
+        }
+    }
+</script>
+
+<style>
+    .image-editor {
+        margin: 0 auto;
+    }
+
+    .e-img-editor-sample {
+        height: 80vh;
+        width: 100%;
+    }
+
+    @@media only screen and (max-width: 700px) {
+        .e-img-editor-sample {
+            height: 75vh;
+            width: 100%;
+        }
+    }
+
+    .control-wrapper {
+        height: 100%;
+    }
+</style>

ej2-asp-core-mvc/code-snippet/image-editor/z-order/tagHelper

@@ -0,0 +1,36 @@
+<div class="col-lg-12 control-section e-img-editor-sample">
+    <ejs-imageeditor id="image-editor" created="created"></ejs-imageeditor>
+</div>
+
+<script>
+    function created() {
+        var imageEditorObj = ej.base.getComponent(document.getElementById('image-editor'), 'image-editor');
+        if (ej.base.Browser.isDevice) {
+            imageEditorObj.open('https://ej2.syncfusion.com/demos/src/image-editor/images/flower.png');
+        } else {
+            imageEditorObj.open('https://ej2.syncfusion.com/demos/src/image-editor/images/bridge.png');
+        }
+    }
+</script>
+
+<style>
+    .image-editor {
+        margin: 0 auto;
+    }
+
+    .e-img-editor-sample {
+        height: 80vh;
+        width: 100%;
+    }
+
+    @@media only screen and (max-width: 700px) {
+        .e-img-editor-sample {
+            height: 75vh;
+            width: 100%;
+        }
+    }
+
+    .control-wrapper {
+        height: 100%;
+    }
+</style>

ej2-asp-core-mvc/code-snippet/query-builder/drag-and-drop/default.cs

@@ -0,0 +1,68 @@
+public ActionResult Index()
+    {
+          QueryBuilderRule rule = new QueryBuilderRule()
+            {
+                Condition = "and",
+                Rules = new List<QueryBuilderRule>()
+                {
+                    new QueryBuilderRule { Label="Employee ID", Field="EmployeeID", Type="number", Operator="equal", Value = 1 },
+                    new QueryBuilderRule { Label="Title", Field="Title", Type="string", Operator="equal", Value = "Sales Manager" }
+                }
+            };
+
+            ViewBag.rule = rule;
+            ViewBag.dataSource = EmployeeView.GetAllRecords();
+            return View();
+    }
+
+public class EmployeeView
+    {
+        public EmployeeView()
+        {
+
+        }
+        public EmployeeView(int EmployeeID, string FirstName, string LastName, string Title, DateTime BirthDate, DateTime HireDate, int ReportsTo, string Address, string PostalCode, string Phone, string City, string Country)
+        {
+            this.EmployeeID = EmployeeID;
+            this.FirstName = FirstName;
+            this.LastName = LastName;
+            this.Title = Title;
+            this.BirthDate = BirthDate;
+            this.HireDate = HireDate;
+            this.ReportsTo = ReportsTo;
+            this.Address = Address;
+            this.PostalCode = PostalCode;
+            this.Phone = Phone;
+            this.City = City;
+            this.Country = Country;
+
+        }
+        public int EmployeeID { get; set; }
+        public string FirstName { get; set; }
+        public string LastName { get; set; }
+        public string Title { get; set; }
+        public DateTime BirthDate { get; set; }
+        public DateTime HireDate { get; set; }
+
+        public int ReportsTo { get; set; }
+
+        public string Address { get; set; }
+        public string PostalCode { get; set; }
+        public string Phone { get; set; }
+        public string City { get; set; }
+        public string Country { get; set; }
+        public static List<EmployeeView> GetAllRecords()
+        {
+            List<EmployeeView> Emp = new List<EmployeeView>();
+            Emp.Add(new EmployeeView(1, "Nancy", "Davolio", "Sales Representative", new DateTime(1948, 12, 08), new DateTime(1992, 05, 01), 2, "507 - 20th Ave. E.Apt. 2A ", " 98122", "(206) 555-9857 ", "Seattle ", "USA"));
+            Emp.Add(new EmployeeView(2, "Andrew", "Fuller", "Vice President, Sales", new DateTime(1952, 02, 19), new DateTime(1992, 08, 14), 4, "908 W. Capital Way", "98401 ", "(206) 555-9482 ", "Kirkland ", "USA"));
+            Emp.Add(new EmployeeView(3, "Janet", "Leverling", "Sales Representative", new DateTime(1963, 08, 30), new DateTime(1992, 04, 01), 3, " 4110 Old Redmond Rd.", "98052 ", "(206) 555-8122", "Redmond ", "USA "));
+            Emp.Add(new EmployeeView(4, "Margaret", "Peacock", "Sales Representative", new DateTime(1937, 09, 19), new DateTime(1993, 05, 03), 6, "14 Garrett Hill ", "SW1 8JR ", "(71) 555-4848 ", "London ", "UK "));
+            Emp.Add(new EmployeeView(5, "Steven", "Buchanan", "Sales Manager", new DateTime(1955, 03, 04), new DateTime(1993, 10, 17), 8, "Coventry HouseMiner Rd. ", "EC2 7JR ", " (206) 555-8122", "Tacoma ", " USA"));
+            Emp.Add(new EmployeeView(6, "Michael", "Suyama", "Sales Representative", new DateTime(1963, 07, 02), new DateTime(1993, 10, 17), 2, " 7 Houndstooth Rd.", " WG2 7LT", "(71) 555-4444 ", "London ", "UK "));
+            Emp.Add(new EmployeeView(7, "Robert", "King", "Sales Representative", new DateTime(1960, 05, 29), new DateTime(1994, 01, 02), 7, "Edgeham HollowWinchester Way ", "RG1 9SP ", "(71) 555-5598 ", "London ", " UK"));
+            Emp.Add(new EmployeeView(8, "Laura", "Callahan", "Inside Sales Coordinator", new DateTime(1958, 01, 09), new DateTime(1994, 03, 05), 9, "722 Moss Bay Blvd. ", "98033 ", " (206) 555-3412", "Seattle ", "USA "));
+            Emp.Add(new EmployeeView(9, "Anne", "Dodsworth", "Sales Representative", new DateTime(1966, 01, 27), new DateTime(1994, 11, 15), 5, "4726 - 11th Ave. N.E. ", "98105 ", "(71) 555-5598 ", " London", "UK "));
+            return Emp;
+        }
+    }

ej2-asp-core-mvc/code-snippet/query-builder/drag-and-drop/razor

@@ -0,0 +1,13 @@
+  @Html.EJS().QueryBuilder("querybuilder").Width("72%").Columns(col =>
+   {
+       col.Field("EmployeeID").Label("Employee ID").Type("number").Add();
+       col.Field("FirstName").Label("First Name").Type("string").Add();
+       col.Field("TitleOfCourtesy").Label("Title Of Courtesy").Type("boolean").Values(new List<string> { "Mr.", "Mrs." }).Add();
+       col.Field("Title").Label("Title").Type("string").Add();
+       col.Field("HireDate").Label("Hire Date").Type("date").Format("dd/MM/yyyy").Add();
+       col.Field("Country").Label("Country").Type("string").Add();
+       col.Field("City").Label("City").Type("string").Add();
+   }).Rule(ViewBag.rule).AllowDragAndDrop(true).Render()
+
+ <script>
+ </script>

ej2-asp-core-mvc/code-snippet/query-builder/drag-and-drop/tagHelper

@@ -0,0 +1,14 @@
+<ejs-querybuilder id="querybuilder" width="73%" rule="ViewBag.rule" allowDragAndDrop="true">
+    <e-querybuilder-columns>
+        <e-querybuilder-column field="EmployeeID" label="Employee ID" type="number"></e-querybuilder-column>
+        <e-querybuilder-column field="FirstName" label="First Name" type="string"></e-querybuilder-column>
+        <e-querybuilder-column field="TitleOfCourtesy" label="Title Of Courtesy" type="boolean" values="ViewBag.values"></e-querybuilder-column>
+        <e-querybuilder-column field="Title" label="Title" type="string"></e-querybuilder-column>
+        <e-querybuilder-column field="HireDate" label="Hire Date" type="date" format="dd/MM/yyyy"></e-querybuilder-column>
+        <e-querybuilder-column field="Country" label="Country" type="string"></e-querybuilder-column>
+        <e-querybuilder-column field="City" label="City" type="string"></e-querybuilder-column>
+    </e-querybuilder-columns>
+</ejs-querybuilder>
+
+<script>
+</script>

ej2-asp-core-mvc/code-snippet/query-builder/separate-connector/default.cs

@@ -0,0 +1,76 @@
+public ActionResult Index()
+    {
+          QueryBuilderRule rule = new QueryBuilderRule()
+            {
+                Condition = "",
+                Rules = new List<QueryBuilderRule>()
+                {
+                    new QueryBuilderRule { Label="First Name", Field="FirstName", Type="string", Operator="startswith", Value="Andre", Condition = "and" },
+                    new QueryBuilderRule { Label="Last Name", Field="LastName", Type="string", Operator="in", Value = new List<string> { "Davolio", "Buchanan" }, Condition = "or" },
+                    new QueryBuilderRule { Label="Employee ID", Field="EmployeeID", Type="number", Operator="greaterthan", Value=30, Condition = "and" },
+                    new QueryBuilderRule { Condition="or", Rules = new List<QueryBuilderRule>()
+                    {
+                        new QueryBuilderRule { Label="Title", Field="Title", Type="string", Operator="startswith", Value="Sales Manager", Condition = "and" },
+                        new QueryBuilderRule { Label="Country", Field="Country", Type="string", Operator="equal", Value="USA" }
+                    }},
+                    new QueryBuilderRule { Label="Hire Date", Field="HireDate", Type="date", Operator="between", Value=new List<string> { "11/28/2023", "11/30/2023" } }
+
+                }
+            };
+
+            ViewBag.rule = rule;
+            ViewBag.dataSource = EmployeeView.GetAllRecords();
+            return View();
+    }
+
+public class EmployeeView
+    {
+        public EmployeeView()
+        {
+
+        }
+        public EmployeeView(int EmployeeID, string FirstName, string LastName, string Title, DateTime BirthDate, DateTime HireDate, int ReportsTo, string Address, string PostalCode, string Phone, string City, string Country)
+        {
+            this.EmployeeID = EmployeeID;
+            this.FirstName = FirstName;
+            this.LastName = LastName;
+            this.Title = Title;
+            this.BirthDate = BirthDate;
+            this.HireDate = HireDate;
+            this.ReportsTo = ReportsTo;
+            this.Address = Address;
+            this.PostalCode = PostalCode;
+            this.Phone = Phone;
+            this.City = City;
+            this.Country = Country;
+
+        }
+        public int EmployeeID { get; set; }
+        public string FirstName { get; set; }
+        public string LastName { get; set; }
+        public string Title { get; set; }
+        public DateTime BirthDate { get; set; }
+        public DateTime HireDate { get; set; }
+
+        public int ReportsTo { get; set; }
+
+        public string Address { get; set; }
+        public string PostalCode { get; set; }
+        public string Phone { get; set; }
+        public string City { get; set; }
+        public string Country { get; set; }
+        public static List<EmployeeView> GetAllRecords()
+        {
+            List<EmployeeView> Emp = new List<EmployeeView>();
+            Emp.Add(new EmployeeView(1, "Nancy", "Davolio", "Sales Representative", new DateTime(1948, 12, 08), new DateTime(1992, 05, 01), 2, "507 - 20th Ave. E.Apt. 2A ", " 98122", "(206) 555-9857 ", "Seattle ", "USA"));
+            Emp.Add(new EmployeeView(2, "Andrew", "Fuller", "Vice President, Sales", new DateTime(1952, 02, 19), new DateTime(1992, 08, 14), 4, "908 W. Capital Way", "98401 ", "(206) 555-9482 ", "Kirkland ", "USA"));
+            Emp.Add(new EmployeeView(3, "Janet", "Leverling", "Sales Representative", new DateTime(1963, 08, 30), new DateTime(1992, 04, 01), 3, " 4110 Old Redmond Rd.", "98052 ", "(206) 555-8122", "Redmond ", "USA "));
+            Emp.Add(new EmployeeView(4, "Margaret", "Peacock", "Sales Representative", new DateTime(1937, 09, 19), new DateTime(1993, 05, 03), 6, "14 Garrett Hill ", "SW1 8JR ", "(71) 555-4848 ", "London ", "UK "));
+            Emp.Add(new EmployeeView(5, "Steven", "Buchanan", "Sales Manager", new DateTime(1955, 03, 04), new DateTime(1993, 10, 17), 8, "Coventry HouseMiner Rd. ", "EC2 7JR ", " (206) 555-8122", "Tacoma ", " USA"));
+            Emp.Add(new EmployeeView(6, "Michael", "Suyama", "Sales Representative", new DateTime(1963, 07, 02), new DateTime(1993, 10, 17), 2, " 7 Houndstooth Rd.", " WG2 7LT", "(71) 555-4444 ", "London ", "UK "));
+            Emp.Add(new EmployeeView(7, "Robert", "King", "Sales Representative", new DateTime(1960, 05, 29), new DateTime(1994, 01, 02), 7, "Edgeham HollowWinchester Way ", "RG1 9SP ", "(71) 555-5598 ", "London ", " UK"));
+            Emp.Add(new EmployeeView(8, "Laura", "Callahan", "Inside Sales Coordinator", new DateTime(1958, 01, 09), new DateTime(1994, 03, 05), 9, "722 Moss Bay Blvd. ", "98033 ", " (206) 555-3412", "Seattle ", "USA "));
+            Emp.Add(new EmployeeView(9, "Anne", "Dodsworth", "Sales Representative", new DateTime(1966, 01, 27), new DateTime(1994, 11, 15), 5, "4726 - 11th Ave. N.E. ", "98105 ", "(71) 555-5598 ", " London", "UK "));
+            return Emp;
+        }
+    }

ej2-asp-core-mvc/code-snippet/query-builder/separate-connector/razor

@@ -0,0 +1,14 @@
+  @Html.EJS().QueryBuilder("querybuilder").Width("72%").Columns(col =>
+   {
+       col.Field("EmployeeID").Label("Employee ID").Type("number").Add();
+       col.Field("FirstName").Label("First Name").Type("string").Add();
+       col.Field("TitleOfCourtesy").Label("Title Of Courtesy").Type("boolean").Values(new List<string> { "Mr.", "Mrs." }).Add();
+       col.Field("Title").Label("Title").Type("string").Add();
+       col.Field("HireDate").Label("Hire Date").Type("date").Format("dd/MM/yyyy").Add();
+       col.Field("Country").Label("Country").Type("string").Add();
+       col.Field("City").Label("City").Type("string").Add();
+   }).Rule(ViewBag.rule).EnableSeparateConnector(true).Render()
+
+
+ <script>
+ </script>

ej2-asp-core-mvc/code-snippet/query-builder/separate-connector/tagHelper

@@ -0,0 +1,14 @@
+<ejs-querybuilder id="querybuilder" width="73%" rule="ViewBag.rule" enableSeparateConnector="true">
+    <e-querybuilder-columns>
+        <e-querybuilder-column field="EmployeeID" label="Employee ID" type="number"></e-querybuilder-column>
+        <e-querybuilder-column field="FirstName" label="First Name" type="string"></e-querybuilder-column>
+        <e-querybuilder-column field="TitleOfCourtesy" label="Title Of Courtesy" type="boolean" values="ViewBag.values"></e-querybuilder-column>
+        <e-querybuilder-column field="Title" label="Title" type="string"></e-querybuilder-column>
+        <e-querybuilder-column field="HireDate" label="Hire Date" type="date" format="dd/MM/yyyy"></e-querybuilder-column>
+        <e-querybuilder-column field="Country" label="Country" type="string"></e-querybuilder-column>
+        <e-querybuilder-column field="City" label="City" type="string"></e-querybuilder-column>
+    </e-querybuilder-columns>
+</ejs-querybuilder>
+
+<script>
+</script>

ej2-asp-core-mvc/combo-box/disabled-items.md

@@ -56,4 +56,4 @@ The disableItem method can be used to handle dynamic changing in disable state o
 
 If you want to disabled the overall component to set the [enabled](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.DropDowns.ComboBox.html#Syncfusion_EJ2_DropDowns_ComboBox_Enabled) property to false.
 
-{% [Disabled ComboBox Component](./images/combobox-disable.png)" %}
+![Disabled ComboBox Component](./images/combobox-disable.png)

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

@@ -102,7 +102,9 @@ 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.
+* 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.
+
+{% if page.publishingplatform == "aspnet-core" %}
 
 {% tabs %}
 {% highlight cshtml tabtitle="CSHTML" %}

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

@@ -126,7 +126,7 @@ 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.
+* 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" %}
 

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

@@ -82,7 +82,7 @@ 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.
+* 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" %}
 

ej2-asp-core-mvc/drop-down-list/disabled-items.md

@@ -56,4 +56,4 @@ The disableItem method can be used to handle dynamic changing in disable state o
 
 If you want to disabled the overall component to set the [enabled](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.DropDowns.DropDownList.html#Syncfusion_EJ2_DropDowns_DropDownList_Enabled) property to false.
 
-{% [Disabled DropDownList Component](./images/dropdownlist-disable.png)" %}
+![Disabled DropDownList Component](./images/dropdownlist-disable.png)

ej2-asp-core-mvc/image-editor/annotation.md

@@ -10,7 +10,7 @@ documentation: ug
 
 # Annotation in the ##Platform_Name## Image Editor control
 
-The Image Editor allows adding annotations to the image, including text, freehand drawings, and shapes like rectangles, ellipses, arrows, paths, and lines. This gives the flexibility to mark up the image with notes, sketches, and other visual elements as needed. These annotation tools can help to communicate and share ideas more effectively. 
+The Image Editor allows adding annotations to the image, including text, freehand drawings, and shapes like rectangles, ellipses, arrows, paths, and lines. This gives the flexibility to mark up the image with notes, sketches, and other visual elements as needed. These annotation tools can help to communicate and share ideas more effectively. Users are allowed to draw multiple annotations simultaneously, enhancing creative flexibility. Furthermore, every action, including customizations, will be tracked in the undo/redo collection, ensuring a seamless user experience and making it easier to experiment with different designs.
 
 ## Text annotation 
 
@@ -174,7 +174,7 @@ Here is an example of changing the text’s color and its font family using the
 
 Output be like the below.
 
-![ImageEditor Sample](images/image-editor-customize-font-color.jpg)
+![ImageEditor Sample](images/image-editor-custom-font-color.png)
 
 ### Add Additional font family
 
@@ -209,7 +209,7 @@ Here is an example of adding additional font family to the text annotation using
 
 Output be like the below.
 
-![ImageEditor Sample](images/image-editor-add-font-family.png)
+![ImageEditor Sample](images/image-editor-add-font-family.jpg)
 
 ## Freehand drawing 
 
@@ -525,4 +525,4 @@ In the following example, you can use the `drawImage` method in the button click
 
 Output be like the below.
 
-![ImageEditor Sample](images/image-editor-add-image.png)
+![ImageEditor Sample](images/image-editor-add-image.jpg)