994112: Updated the UG content and samples for Blazor DataManger Component

Author: SadhanaBaskaran

blazor/data/how-to/offline-mode.md

@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Working in offline mode in Blazor DataManager Component | Syncfusion
-description: Checkout and learn here all about working in offline mode in Syncfusion Blazor DataManager component and more.
+title: Working in Offline Mode in Blazor DataManager | Syncfusion
+description: Learn how to enable offline mode in Syncfusion® Blazor DataManager to process queries locally without additional server requests.
 platform: Blazor
 control: DataManager
 documentation: ug
@@ -11,25 +11,40 @@ documentation: ug
 
 # Working in Offline Mode in Blazor DataManager Component
 
-On binding data through remote services, request will be sent to the server-side for every query. To avoid post back to server, you can set the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) to load all the data on initialization itself and make the query processing in client-side. This behavior can be enabled by using [Offline](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_Offline) property of the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html).
+The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataManager component provides **offline mode** to execute query operations on the client without additional server requests. When data is sourced from a remote service, enabling offline mode retrieves the complete collection during initialization and processes all subsequent operations locally. The cached data is maintained in the **Json** property.
 
-The following sample code demonstrates enabling offline mode for the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) which is bound with the DataGrid component,
+To enable offline mode, set the [Offline](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DataManager.html#Syncfusion_Blazor_DataManager_Offline) property to **true** on the [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html) component.
+
+## Key benefits of offline mode
+
+Enabling the `Offline` property modifies the behavior of the `DataManager` component in the following ways:
+
+- **Single data load** – Retrieves the complete collection during initialization without additional server requests.
+- **Client-side processing** – Executes **filtering**, **sorting**, **paging**, and gro**uping operations in the browser.
+- **Improved performance** – Minimizes **network traffic** and enhances responsiveness.
+- **Offline functionality** – Maintains query operations even when network connectivity is unavailable.
+- **Adaptor compatibility** – Supports **OData**, **Web API**, and **URL adaptors** without requiring extra configuration.
 
 ```cshtml
 @using Syncfusion.Blazor
 @using Syncfusion.Blazor.Data
 @using Syncfusion.Blazor.Grids
 
 <SfGrid TValue="EmployeeData" ID="Grid" AllowPaging="true">
-  <SfDataManager Url="https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders" Adaptor="Adaptors.ODataAdaptor" Offline="true"></SfDataManager>
-  <GridColumns>
-    <GridColumn Field=@nameof(EmployeeData.OrderID) TextAlign="TextAlign.Center" HeaderText="Order ID" Width="120"></GridColumn>
-    <GridColumn Field=@nameof(EmployeeData.CustomerID) TextAlign="TextAlign.Center" HeaderText="Customer Name" Width="130"></GridColumn>
-    <GridColumn Field=@nameof(EmployeeData.EmployeeID) TextAlign="TextAlign.Center" HeaderText="Employee ID" Width="120"></GridColumn>
-  </GridColumns>
+    <SfDataManager
+        Url="https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Orders" 
+        Adaptor="Adaptors.ODataAdaptor" 
+        Offline="true">
+        </SfDataManager>
+    <GridColumns>
+        <GridColumn Field="@nameof(EmployeeData.OrderID)" HeaderText="Order ID" Width="120" TextAlign="TextAlign.Center" />
+        <GridColumn Field="@nameof(EmployeeData.CustomerID)" HeaderText="Customer Name" Width="130" TextAlign="TextAlign.Center" />
+        <GridColumn Field="@nameof(EmployeeData.EmployeeID)" HeaderText="Employee ID" Width="120" TextAlign="TextAlign.Center" />
+    </GridColumns>
 </SfGrid>
 
-@code{
+@code {
+
   public class EmployeeData
   {
     public int OrderID { get; set; }
@@ -39,4 +54,4 @@ The following sample code demonstrates enabling offline mode for the [SfDataMana
 }
 ```
 
-N> Return the complete list from server-side when using `Offline` property.
+N> * Ensure that the remote endpoint returns the full data collection when the `Offline` property is enabled.