DOCINFRA-2341_merged_using_automation

Jenkinsfile

@@ -74,7 +74,7 @@ if(currentBuild.result != 'FAILURE')
 
 	stage 'Delete Workspace'
 
-		def files = findFiles(glob: '**/cireports/spellcheck/*.*')      
+		def files = findFiles(glob: '**/cireports/*.*')      
 
     if(files.size() > 0) 		
     { 		

ej2-react-toc.html

@@ -372,7 +372,7 @@
         <li><a href="/ej2-react/block-editor/built-in-blocks/code-block">Code Blocks</a></li>
         </ul>
         </li>
-        <li><a href="/ej2-react/block-editor/collaborative-editing">Collaborative Editing</a></li>
+        <li><a href="/ej2-react/block-editor/real-time-collaboration">Real-time Collaboration</a></li>
         <li><a href="/ej2-react/block-editor/editor-menus">Editor Menus</a></li>    
         <li><a href="/ej2-react/block-editor/drag-drop">Drag and drop</a></li>
         <li><a href="/ej2-react/block-editor/paste-cleanup">Paste Cleanup</a></li>
@@ -1416,7 +1416,8 @@
             <li><a href="/ej2-react/grid/preact">Preact</a></li>
           </ul>
         </li>
-         <li><a href="/ej2-react/grid/module">Feature Modules</a></li>
+        <li><a href="/ej2-react/grid/module">Feature Modules</a></li>
+        <li><a href="/ej2-react/grid/security-and-compatibility/security">Security</a></li>
         <li><a href="/ej2-react/grid/smart-grid/smart-grid">Assistive Grid</a>
           <ul>
             <li><a href="/ej2-react/grid/smart-grid/advanced-features">Advanced Features</a></li>
@@ -1502,6 +1503,7 @@
              <li><a href="/ej2-react/grid/editing/dialog-editing">Dialog Editing</a></li>
              <li><a href="/ej2-react/grid/editing/template-editing">Template Editing</a></li>
              <li><a href="/ej2-react/grid/editing/batch-editing">Batch Editing</a></li>
+             <li><a href="/ej2-react/grid/editing/cell-editing">Cell Editing</a></li>
              <li><a href="/ej2-react/grid/editing/command-column-editing">Command Column Editing</a></li>
              <li><a href="/ej2-react/grid/editing/validation">Validation</a></li>
              <li><a href="/ej2-react/grid/editing/persisting-data-in-server">Persisting Data in Server</a></li>
@@ -1523,6 +1525,7 @@
           </li>
           <li><a href="/ej2-react/grid/scrolling/scrolling">Scrolling</a>
             <ul>
+              <li><a href="/ej2-react/grid/scrolling/dom-virtualization">DOM Virtualization</a></li>
               <li><a href="/ej2-react/grid/scrolling/virtual-scrolling">Virtual Scrolling</a></li>
               <li><a href="/ej2-react/grid/scrolling/infinite-scrolling">Infinite Scrolling</a></li>
             </ul>
@@ -1610,6 +1613,7 @@
 <li><a href="/ej2-react/heatmap-chart/working-with-data">Working With Data</a></li>
 <li><a href="/ej2-react/heatmap-chart/bubble-heatmap">Bubble HeatMap</a></li>
 <li><a href="/ej2-react/heatmap-chart/rendering-mode">Rendering Modes</a></li>
+<li><a href="/ej2-react/heatmap-chart/title">Title</a></li>
 <li><a href="/ej2-react/heatmap-chart/axis">Axis</a></li>
 <li><a href="/ej2-react/heatmap-chart/palette">Palette</a></li>
 <li><a href="/ej2-react/heatmap-chart/legend">Legend</a></li>
@@ -2038,7 +2042,7 @@
         <li><a href="/ej2-react/otp-input/appearance">Appearance</a></li>
         <li><a href="/ej2-react/otp-input/accessibility">Accessibility</a></li>
         <li><a href="/ej2-react/otp-input/events">Events</a></li>
-        <li><a href="https://ej2.syncfusion.com/react/documentation/api/otp-input"></a>API Reference</li>
+        <li><a href="https://ej2.syncfusion.com/react/documentation/api/otp-input">API Reference</a></li>
     </ul>
 </li><li>
     Pager
@@ -2058,6 +2062,16 @@
 </ul>
 </li>
 <li><a href="/ej2-react/pivotview/data-binding">Data Binding</a></li>
+<li>Connecting to Adaptors
+<ul>
+<li><a href="/ej2-react/pivotview/connecting-to-adaptors/url-adaptor">URL Adaptor</a></li>
+<li><a href="/ej2-react/pivotview/connecting-to-adaptors/webapi-adaptor">Web API Adaptor</a></li>
+<li><a href="/ej2-react/pivotview/connecting-to-adaptors/web-method-adaptor">Web Method Adaptor</a></li>
+<li><a href="/ej2-react/pivotview/connecting-to-adaptors/odatav4-adaptor">ODataV4 Adaptor</a></li>
+<li><a href="/ej2-react/pivotview/connecting-to-adaptors/remote-save-adaptor">RemoteSave Adaptor</a></li>
+<li><a href="/ej2-react/pivotview/connecting-to-adaptors/custom-adaptor">Custom Adaptor</a></li>
+</ul>
+</li>
 <li>Connecting to data source
 <ul>
 <li><a href="/ej2-react/pivotview/connecting-to-data-source/mysql">MySQL</a></li>
@@ -3193,7 +3207,7 @@
 </ul>
 </li> <li>Release Notes
      <ul>
-		<li>2026 Volume 2 - 34.*<ul><li><a href="/ej2-react/release-notes/34.1.29">34.1.29 Main Release</a></li></ul></li>
+		<li>2026 Volume 2 - 34.*<ul><li>Weekly Release<ul><li><a href="/ej2-react/release-notes/34.1.32">34.1.32</a></li><li><a href="/ej2-react/release-notes/34.1.31">34.1.31</a></li><li><a href="/ej2-react/release-notes/34.1.30">34.1.30</a></li></ul></li><li><a href="/ej2-react/release-notes/34.1.29">34.1.29 Main Release</a></li></ul></li>
 		<li>2026 Volume 1 - 33.*
 			<ul>
 				<li>Weekly Release

ej2-react/3d-chart/appearance.md

@@ -127,18 +127,18 @@ The 3D chart can be rotated by using the [`enableRotation`](https://helpej2.sync
 
 ## Title
 
-The 3D chart can be given a title by using [`title`](https://helpej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#title) property, to show the information about the data plotted.
+You can add a title using the [`title`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#title) property to the 3D Chart to provide quick information to the user about the data plotted in the 3D Chart.
 
 {% tabs %}
 {% highlight js tabtitle="index.jsx" %}
-{% include code-snippet/3d-chart/appearance/appearance-cs8/app/index.jsx %}
+{% include code-snippet/3d-chart/getting-started/getting-started-cs3/app/index.jsx %}
 {% endhighlight %}
 {% highlight ts tabtitle="index.tsx" %}
-{% include code-snippet/3d-chart/appearance/appearance-cs8/app/index.tsx %}
+{% include code-snippet/3d-chart/getting-started/getting-started-cs3/app/index.tsx %}
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "page.domainurl/code-snippet/3d-chart/appearance/appearance-cs8" %}
+{% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs3" %}
 
 ### Title position
 

ej2-react/3d-chart/getting-started.md

@@ -1,86 +1,92 @@
 ---
 layout: post
 title: Getting started with React 3D Chart component | Syncfusion
-description:  Checkout and learn about Getting started with React 3D Chart component of Syncfusion Essential JS 2 and more details.
-control: Getting started 
+description: Check out and learn about the Getting started with the React 3D Chart component of Syncfusion Essential JS 2 and more details.
+control: Getting started
 platform: ej2-react
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
 # Getting started with React 3D Chart component
 
-This section describes the steps to create a simple 3D Chart and demonstrates the basic usage of the 3D Chart component.
+This section describes the steps to create a simple 3D Chart component and demonstrates its basic usage.
 
 A quick video overview of the React 3D Charts setup is available:
 
 {% youtube "https://www.youtube.com/watch?v=S3SPJYF4Fw8" %}
 
+## Prerequisites
+
+Before getting started, ensure that your development environment meets the [system requirements for Syncfusion® React UI components](https://ej2.syncfusion.com/react/documentation/system-requirement). That page documents the supported React, Node.js, and npm versions, and includes the React-version compatibility table for Syncfusion React components.
+
 ## Dependencies
 
-Below is the list of minimum dependencies required to use the 3D Chart component.
+When you install `@syncfusion/ej2-react-charts`, the following peer dependencies are installed automatically:
 
 ```
 |-- @syncfusion/ej2-react-charts
-    |-- @syncfusion/ej2-data
-    |-- @syncfusion/ej2-react-base
-    |-- @syncfusion/ej2-pdf-export
-    |-- @syncfusion/ej2-file-utils
-    |-- @syncfusion/ej2-compression
-    |-- @syncfusion/ej2-svg-base
+    |-- @syncfusion/ej2-data — utilities for working with data sources.
+    |-- @syncfusion/ej2-react-base — base classes shared by all Syncfusion React components.
+    |-- @syncfusion/ej2-pdf-export — PDF export support.
+    |-- @syncfusion/ej2-file-utils — file handling for export features.
+    |-- @syncfusion/ej2-compression — compression utilities used by exports.
+    |-- @syncfusion/ej2-svg-base — SVG rendering base used by chart visuals.
 ```
 
-Once you install `@syncfusion/ej2-react-charts`, the other required dependencies will be installed automatically along with the main package.
-
 ## Installation and configuration
 
-### Create a React application
+### Step 1: Create a React application with Vite
+
+Use the [Vite CLI](https://vitejs.dev/) to create a new React application. Vite provides a faster development environment, smaller bundle sizes, and optimized builds compared to traditional tools like [`create-react-app`](https://github.com/facebook/create-react-app). For detailed steps, refer to the Vite [installation instructions](https://vitejs.dev/guide).
 
-To easily set up a React application, use the Vite CLI (`npm create vite`), which provides a faster development environment, smaller bundle sizes, and optimized builds compared to traditional tools like [`create-react-app`](https://github.com/facebook/create-react-app). For detailed steps, refer to the Vite [installation instructions](https://vitejs.dev/guide). Vite sets up your environment using JavaScript and optimizes your application for production.
+> **Note:** To create a React application using [`create-react-app`](https://github.com/facebook/create-react-app) instead, refer to this [documentation](https://ej2.syncfusion.com/react/documentation/getting-started/create-app).
 
-> **Note:** To create a React application using [`create-react-app`](https://github.com/facebook/create-react-app) instead, refer to this [documentation](https://ej2.syncfusion.com/react/documentation/getting-started/create-app) for more details.
+Run the following command to scaffold a new project. When prompted, pick the framework and variant that match your preferred language:
 
-To create a new React application, run the following command.
+* For **TypeScript**: select `React` then `TypeScript`.
+* For **JavaScript**: select `React` then `JavaScript`.
 
 ```bash
 npm create vite@latest my-app
 ```
 
-This command will prompt you for a few settings for the new project, such as selecting a framework and a variant.
+You can also skip the interactive prompts by passing the template flag directly:
 
-![Initial_setup](./images/Initial-setup.jpg)
-
-To set up a React application in TypeScript environment, run the following command.
+{% tabs %}
+{% highlight bash tabtitle="TypeScript" %}
 
-```bash
 npm create vite@latest my-app -- --template react-ts
 cd my-app
-npm run dev
-```
+npm install
 
-To set up a React application in JavaScript environment, run the following command.
+{% endhighlight %}
+{% highlight bash tabtitle="JavaScript" %}
 
-```bash
 npm create vite@latest my-app -- --template react
 cd my-app
-npm run dev
-```
+npm install
 
-### Install Syncfusion<sup style="font-size:70%">&reg;</sup> 3D Chart package
+{% endhighlight %}
+{% endtabs %}
+
+For reference, the interactive prompt looks like this:
+
+![Vite CLI framework and variant selection prompt](./images/Initial-setup.jpg)
 
-All the available Essential<sup style="font-size:70%">&reg;</sup> JS 2 packages are published in the [`npmjs.com`](https://www.npmjs.com/~syncfusionorg) public registry.
+### Step 2: Install the Syncfusion® React 3D Chart package
 
-To install the Syncfusion<sup style="font-size:70%">&reg;</sup> 3D Chart package, use the following command
+All Syncfusion® Essential JS 2 packages are published to the [npm registry](https://www.npmjs.com/~syncfusionorg). Install the React 3D Chart package from the project folder:
 
 ```bash
-npm install @syncfusion/ej2-react-charts --save
+npm install @syncfusion/ej2-react-charts
 ```
 
-> The –save will instruct NPM to include the 3D Chart package inside of the **dependencies** section of the package.json.
+> Installing `@syncfusion/ej2-react-charts` automatically pulls in the peer dependencies listed in the [Dependencies](#dependencies) section above. The chart component does not require any theme stylesheet import to render.
 
-## Add 3D Chart to the project
+### Step 3: Add the 3D Chart component
 
-Add the 3D Chart component to `src/App.tsx` using the following code.
+`Chart3DComponent` is the root component for the 3D Chart. Open `src/App.tsx` (or `src/App.jsx` for the JavaScript template) and replace its contents with the following code.
 
 {% tabs %}
 {% highlight js tabtitle="app.jsx" %}
@@ -107,7 +113,7 @@ export default App;
 
 Now run the `npm run dev` command in the console to start the development server. This command compiles your code and serves the application locally, opening it in the browser.
 
-```
+```bash
 npm run dev
 ```
 
@@ -214,64 +220,38 @@ Since the JSON contains category data, set the [`valueType`](https://ej2.syncfus
 
 {% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs2" %}
 
-## Add 3D Chart title
+## Troubleshooting
 
-You can add a title using the [`title`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#title) property to the 3D Chart to provide quick information to the user about the data plotted in the 3D Chart.
+Use the following guidance to resolve common issues when getting started with the 3D Chart component.
 
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs3/app/index.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs3/app/index.tsx %}
-{% endhighlight %}
-{% endtabs %}
+- **Chart does not render (blank page)**
+  - Verify that `index.html` contains a container with `id="root"`, and that `main.tsx`/`main.jsx` calls `ReactDOM.createRoot(document.getElementById("root"))` followed by `root.render(<App />)`.
+  - Run `npm install` again to ensure all peer dependencies listed in the [Dependencies](#dependencies) section are installed.
 
-{% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs3" %}
+- **Tooltip, legend, or data labels are not visible after enabling them**
+  - The corresponding modules must be injected into the `services` array of the `Inject` component as shown in the [Module injection](#module-injection) section. For example, tooltip will not appear without `Tooltip3D`, and data labels will not render without `DataLabel3D`.
 
-## Enable legend
+- **Series data is not plotted or appears empty**
+  - Confirm that the `dataSource` array contains objects with the property names set in `xName` and `yName` (case sensitive).
+  - If the `x` field contains string categories, set the [`valueType`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3daxismodel#valuetype) of `primaryXAxis` to `Category`; otherwise points will not be mapped correctly.
 
-You can use legend for the 3D Chart by setting the [`visible`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3dlegendsettingsmodel#visible) property to `true` in [`legendSettings`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#legendsettings) object and by injecting the `Legend3D` module into the `services`.
+- **Build or dev server fails to start**
+  - Confirm that you are using a supported Node.js version (Node 18 or later for the latest Vite templates).
+  - Delete `node_modules` and `package-lock.json`, then run `npm install` again.
 
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs4/app/index.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs4/app/index.tsx %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs4" %}
-
-## Add data label
-
-You can add data labels to improve the readability of the 3D Chart. This can be achieved by setting the [`visible`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3ddatalabelsettingsmodel#visible) property to `true` in the [`dataLabel`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3dseriesmodel#datalabel) object and by injecting `DataLabel3D` module into the `services`. Now, the data labels are arranged smartly based on series.
-
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs5/app/index.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs5/app/index.tsx %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs5" %}
-
-## Enable tooltip
-
-The tooltip is useful when you cannot display information by using the data labels due to space constraints. You can enable tooltip by setting the [`enable`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3dtooltipsettingsmodel#enable) property as `true` in [`tooltip`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#tooltip) object and by injecting `Tooltip3D` module into the `services`.
-
-{% tabs %}
-{% highlight js tabtitle="app.jsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs6/app/index.jsx %}
-{% endhighlight %}
-{% highlight ts tabtitle="app.tsx" %}
-{% include code-snippet/3d-chart/getting-started/getting-started-cs6/app/index.tsx %}
-{% endhighlight %}
-{% endtabs %}
+## See also
 
-{% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs6" %}
+Explore the following related topics:
 
-> You can refer to our [React 3D Charts](https://www.syncfusion.com/react-components/react-3d-chart) feature tour page for its groundbreaking feature representations. You can also explore our [React 3D Charts example](https://ej2.syncfusion.com/react/demos/#tailwind3/three-dimension-chart/column) that shows various 3D Chart types and how to represent time-dependent data, showing trends in data at equal intervals.
+- [Working with Data](./workig-with-data)
+- [Chart Dimensions](./dimensions)
+- [Category Axis](./category-axis)
+- [Numeric Axis](./numeric-axis)
+- [DateTime Axis](./datetime-axis)
+- [Axis Customization](./axis-customization)
+- [Data Labels](./data-label)
+- [Legend](./legend)
+- [Tooltip](./tool-tip)
+- [Appearance](./appearance)
+- [Print and Export](./print-export)
+- [Accessibility](./accessibility)

ej2-react/3d-chart/legend.md

@@ -15,6 +15,21 @@ domainurl: ##DomainURL##
 
 Legend provides information about the series rendered in the 3D chart.
 
+## Enable legend
+
+You can use legend for the 3D Chart by setting the [`visible`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3dlegendsettingsmodel#visible) property to `true` in [`legendSettings`](https://ej2.syncfusion.com/react/documentation/api/chart3d/chart3DModel#legendsettings) object and by injecting the `Legend3D` module into the `services`.
+
+{% tabs %}
+{% highlight js tabtitle="app.jsx" %}
+{% include code-snippet/3d-chart/getting-started/getting-started-cs4/app/index.jsx %}
+{% endhighlight %}
+{% highlight ts tabtitle="app.tsx" %}
+{% include code-snippet/3d-chart/getting-started/getting-started-cs4/app/index.tsx %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/3d-chart/getting-started/getting-started-cs4" %}
+
 ## Position and alignment
 
 By using the [`position`](https://ej2.syncfusion.com/react/documentation/api/chart3d/legendSettingsModel#position) property, the legend can be positioned at left, right, top or bottom of the 3D chart. The legend is positioned at the bottom of the 3D chart, by default.