Integrated latest changes at 04-22-2025 10:30:11 PM

SyncfusionBuild · SyncfusionBuild · commit 0cd07c1c0994 · 2025-04-23T01:23:06.000+05:30
diff --git a/ej2-angular/code-snippet/dropdownlist/asterisk-cs1/src/app.component.ts b/ej2-angular/code-snippet/dropdownlist/asterisk-cs1/src/app.component.ts
@@ -17,7 +17,15 @@ imports: [
 standalone: true,
     selector: 'app-root',
     // specifies the template string for the DropDownList component with dataSource
-    template: `<ejs-dropdownlist id='ddlelement' [dataSource]='data' placeholder = 'Select a game' floatLabelType="Auto"></ejs-dropdownlist>`
+    template: `<ejs-dropdownlist id='ddlelement' [dataSource]='data' placeholder = 'Select a game' floatLabelType="Auto"></ejs-dropdownlist>`,
+    styles: [
+        `
+            .e-input-group.e-control-wrapper.e-float-input .e-float-text::after {
+                content: ' *';
+                color: red;
+            }
+        `,
+      ],
 })
 export class AppComponent {
     constructor() {
diff --git a/ej2-angular/grid/connecting-to-database/dapper.md b/ej2-angular/grid/connecting-to-database/dapper.md
@@ -939,7 +939,9 @@ public class CRUDModel<T> where T : class
 
 When you run the application, the resultant Grid will look like this
 
-![Angular Grid Component bound with Microsoft SQL Server using Dapper data](.../images/connecting-micro-curd.gif)
+![Angular Grid Component bound with Microsoft SQL Server using Dapper data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20Dapper%20using%20UrlAdaptor/Grid_Dapper).
 
 ## Binding data from Microsoft SQL Server using Dapper with CustomAdaptor
 
@@ -1786,7 +1788,7 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-## Batch Operation:
+**Batch Operation:**
 
 To perform the batch operation, override the **batchRequest** method of the `CustomAdaptor` and add the following code in the `CustomAdaptor`. The below code snippet demonstrated how to handle the batch update request within the **batchRequest** method of `CustomAdaptor`. Modify the logic within this method according to the requirements of your application.
 
@@ -1904,4 +1906,6 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-![Syncfusion Angular Grid bound with Microsoft SQL Server using Dapper data](../images/connecting-micro-curd.gif)
+![Syncfusion Angular Grid bound with Microsoft SQL Server using Dapper data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20Dapper%20using%20CustomAdaptor/Grid_Dapper_CustomAdaptor).
diff --git a/ej2-angular/grid/connecting-to-database/entityframework.md b/ej2-angular/grid/connecting-to-database/entityframework.md
@@ -39,7 +39,7 @@ This section describes step by step process how to use Entity Framework to retri
 
 **3.** Create an API controller (aka, GridController.cs) file under **Controllers** folder that helps to establish data communication with the Syncfusion Angular Grid.
 
-**4** In the API controller (aka, GridController), a connection is established to Microsoft SQL Server within the **GetOrderData()** method using **OrderDbContext**. This class extends **DbContext** and is configured to connect to a Microsoft SQL Server database using the provided connection string. It includes a **DbSet<Orders>** property, enabling interaction with the **Orders** table in the database. The method retrieves all orders from the database asynchronously and returns them as a list of `Orders` objects as shown in the following code snippet.
+**4** In the API controller (aka, GridController), a connection is established to Microsoft SQL Server within the **GetOrderData()** method using **OrderDbContext**. This class extends **DbContext** and is configured to connect to a Microsoft SQL Server database using the provided connection string. It includes a *DbSet&lt;Orders&gt;** property, enabling interaction with the **Orders** table in the database. The method retrieves all orders from the database asynchronously and returns them as a list of `Orders` objects as shown in the following code snippet.
 
 {% tabs %}
 {% highlight cs tabtitle="GridController.cs" %}
@@ -1060,6 +1060,7 @@ When you run the application, the resultant Syncfusion Angular Grid will look li
 
 ![Syncfusion Angular Grid bound with Microsoft SQL Server data using Entity Framework](../images/connecting-micro-curd.gif)
 
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Bindind%20SQL%20database%20using%20EF%20and%20UrlAdaptor/Grid_EntityFramework).
 
 ## Binding data from Microsoft SQL Server using Entity Framework with CustomAdaptor
 
@@ -1076,7 +1077,7 @@ This section describes step by step process how to use Entity Framework to retri
 
 **4.** Within the `processResponse` method of `CustomAdaptor`, fetch data by calling the **GetOrderData** method.
 
-  * In this **GetOrderData** method, a connection is established to Microsoft SQL Server using **OrderDbContext**. This class extends **DbContext** and is configured to connect to a SQL Server database using the provided connection string. It includes a **DbSet<Orders>** property, enabling interaction with the **Orders** table in the database. The method retrieves all orders from the database asynchronously and returns them as a list of `Orders` objects.
+  * In this **GetOrderData** method, a connection is established to Microsoft SQL Server using **OrderDbContext**. This class extends **DbContext** and is configured to connect to a SQL Server database using the provided connection string. It includes a *DbSet&lt;Orders&gt;** property, enabling interaction with the **Orders** table in the database. The method retrieves all orders from the database asynchronously and returns them as a list of `Orders` objects.
 
   * Finally, return the response as a `result` and `count` pair object in the `processResponse` method to bind the data to the Grid.
 
@@ -2121,4 +2122,6 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-![Syncfusion Angular Grid bound with Microsoft SQL Server data using Entity Framework](../images/connecting-micro-curd.gif) 
+![Syncfusion Angular Grid bound with Microsoft SQL Server data using Entity Framework](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Bindind%20SQL%20database%20using%20EF%20and%20CustomAdaptor/Grid_EntityFramework).
diff --git a/ej2-angular/grid/connecting-to-database/microsoft-sql-server.md b/ej2-angular/grid/connecting-to-database/microsoft-sql-server.md
@@ -951,6 +951,8 @@ When you run the application, the resultant Syncfusion Angular Grid will look li
 
 ![Syncfusion Angular Grid bound with Microsoft SQL Server data](../images/connecting-micro-curd.gif)
 
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20MS%20SQL%20database%20using%20UrlAdaptor/Grid_MSSQL).
+
 ## Binding data from Microsoft SQL Server using CustomAdaptor
 
 This section describes step by step process how to retrieve data from a Microsoft SQL Server using [CustomAdaptor](https://ej2.syncfusion.com/angular/documentation/grid/connecting-to-adaptors/custom-adaptor) and bind it to the Syncfusion Angular Grid.
@@ -1923,4 +1925,6 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-![Syncfusion Angular Grid bound with Microsoft SQL Server data](../images/connecting-micro-curd.gif)
+![Syncfusion Angular Grid bound with Microsoft SQL Server data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20MS%20SQL%20database%20using%20CustomAdaptor/Grid_MSSQL).
diff --git a/ej2-angular/grid/connecting-to-database/mysql-server.md b/ej2-angular/grid/connecting-to-database/mysql-server.md
@@ -1017,7 +1017,9 @@ public class CRUDModel<T> where T : class
 
 When you run the application, the resultant Syncfusion Angular Grid will look like this
 
-![Grid bound with MySQL Server data](.../images/connecting-micro-curd.gif)
+![Grid bound with MySQL Server data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20MySQL%20database%20using%20UrlAdaptor/Grid_MySQL).
 
 ## Binding data from MySQL Server using CustomAdaptor
 
@@ -1899,7 +1901,7 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-## Batch Operation:
+**Batch Operation:**
 
 To perform the batch operation, override the **batchRequest** method of the `CustomAdaptor` and add the following code in the `CustomAdaptor`. The below code snippet demonstrated how to handle the batch update request within the **batchRequest** method of `CustomAdaptor`. Modify the logic within this method according to the requirements of your application.
 
@@ -2037,4 +2039,6 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-![Syncfusion Angular Grid bound with MySQL Server data](../images/connecting-micro-curd.gif)
+![Syncfusion Angular Grid bound with MySQL Server data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20MySQL%20database%20using%20CustomAdaptor/Grid_MySQL).
diff --git a/ej2-angular/grid/connecting-to-database/postgresql-server.md b/ej2-angular/grid/connecting-to-database/postgresql-server.md
@@ -1019,7 +1019,9 @@ public class CRUDModel<T> where T : class
 
 When you run the application, the resultant Syncfusion Angular Grid will look like this
 
-![Grid bound with PostgreSQL Server data](.../images/connecting-micro-curd.gif)
+![Grid bound with PostgreSQL Server data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20PostgreSQL%20database%20using%20UrlAdaptor/Grid_PostgreSQL).
 
 ## Binding data from PostgreSQL Server using CustomAdaptor
 
@@ -1909,7 +1911,7 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-## Batch Operation:
+**Batch Operation:**
 
 To perform the batch operation, override the **batchRequest** method of the `CustomAdaptor` and add the following code in the `CustomAdaptor`. The below code snippet demonstrated how to handle the batch update request within the **batchRequest** method of `CustomAdaptor`. Modify the logic within this method according to the requirements of your application.
 
@@ -2047,4 +2049,6 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-![Syncfusion Angular Grid bound with PostgreSQL Server data](../images/connecting-micro-curd.gif) 
+![Syncfusion Angular Grid bound with PostgreSQL Server data](../images/connecting-micro-curd.gif) 
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20PostgreSQL%20database%20using%20CustomAdaptor).
diff --git a/ej2-angular/grid/connecting-to-database/sqlite-server.md b/ej2-angular/grid/connecting-to-database/sqlite-server.md
@@ -1009,7 +1009,9 @@ public class CRUDModel<T> where T : class
 
 When you run the application, the resultant Grid will look like this
 
-![Angular Grid Component bound with SQLite Server data](.../images/connecting-micro-curd.gif)
+![Angular Grid Component bound with SQLite Server data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20SQLite%20using%20UrlAdaptor/Grid_SQLite).
 
 ## Binding data from SQLite Server using CustomAdaptor
 
@@ -1894,7 +1896,7 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-## Batch Operation:
+**Batch Operation:**
 
 To perform the batch operation, override the **batchRequest** method of the `CustomAdaptor` and add the following code in the `CustomAdaptor`. The below code snippet demonstrated how to handle the batch update request within the **batchRequest** method of `CustomAdaptor`. Modify the logic within this method according to the requirements of your application.
 
@@ -2032,4 +2034,6 @@ public class CRUDModel<T> where T : class
 {% endhighlight %}
 {% endtabs %}
 
-![Syncfusion Angular Grid bound with SQLite Server data](../images/connecting-micro-curd.gif)
+![Syncfusion Angular Grid bound with SQLite Server data](../images/connecting-micro-curd.gif)
+
+> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-to-angular-grid/tree/master/Binding%20SQLite%20using%20CustomAdaptor/Grid_SQLite).
