From ebb25fda5c97e3a04fa9f5438b0c16c5238020c4 Mon Sep 17 00:00:00 2001
From: Build Automaion <buildautomation@syncfusion.com>
Date: Tue, 9 Jul 2024 16:45:53 +0530
Subject: [PATCH] Integrated latest changes at 07-09-2024 4:30:12 PM

---
 ej2-react-toc.html                            |  12 ++-
 .../image-editor/default-cs1/app/app.jsx      |   1 -
 .../image-editor/default-cs1/app/app.tsx      |   1 -
 .../image-editor/default-cs10/app/app.jsx     |   1 -
 .../image-editor/default-cs10/app/app.tsx     |   1 -
 .../image-editor/default-cs11/app/app.jsx     |   1 -
 .../image-editor/default-cs11/app/app.tsx     |   1 -
 .../image-editor/default-cs12/app/app.jsx     |   1 -
 .../image-editor/default-cs12/app/app.tsx     |   1 -
 .../image-editor/default-cs13/app/app.jsx     |   1 -
 .../image-editor/default-cs13/app/app.tsx     |   1 -
 .../image-editor/default-cs14/app/app.jsx     |   1 -
 .../image-editor/default-cs14/app/app.tsx     |   1 -
 .../image-editor/default-cs15/app/app.jsx     |   1 -
 .../image-editor/default-cs15/app/app.tsx     |   1 -
 .../image-editor/default-cs16/app/app.jsx     |   1 -
 .../image-editor/default-cs16/app/app.tsx     |   1 -
 .../image-editor/default-cs17/app/app.jsx     |   1 -
 .../image-editor/default-cs17/app/app.tsx     |   1 -
 .../image-editor/default-cs18/app/app.jsx     |   1 -
 .../image-editor/default-cs18/app/app.tsx     |   1 -
 .../image-editor/default-cs19/app/app.jsx     |   1 -
 .../image-editor/default-cs19/app/app.tsx     |   1 -
 .../image-editor/default-cs2/app/app.jsx      |   2 +-
 .../image-editor/default-cs2/app/app.tsx      |   1 -
 .../image-editor/default-cs20/app/app.jsx     |   1 -
 .../image-editor/default-cs20/app/app.tsx     |   1 -
 .../image-editor/default-cs21/app/app.jsx     |   1 -
 .../image-editor/default-cs21/app/app.tsx     |   1 -
 .../image-editor/default-cs22/app/app.jsx     |   1 -
 .../image-editor/default-cs22/app/app.tsx     |   1 -
 .../image-editor/default-cs23/app/app.jsx     |   1 -
 .../image-editor/default-cs23/app/app.tsx     |   1 -
 .../image-editor/default-cs24/app/app.jsx     |   1 -
 .../image-editor/default-cs24/app/app.tsx     |   1 -
 .../image-editor/default-cs25/app/app.jsx     |   1 -
 .../image-editor/default-cs25/app/app.tsx     |   1 -
 .../image-editor/default-cs26/app/app.jsx     |   1 -
 .../image-editor/default-cs26/app/app.tsx     |   1 -
 .../image-editor/default-cs27/app/app.jsx     |   2 +-
 .../image-editor/default-cs27/app/app.tsx     |   1 -
 .../image-editor/default-cs28/app/app.jsx     |   1 -
 .../image-editor/default-cs28/app/app.tsx     |   1 -
 .../image-editor/default-cs29/app/app.jsx     |   2 +-
 .../image-editor/default-cs29/app/app.tsx     |   1 -
 .../image-editor/default-cs3/app/app.jsx      |   1 -
 .../image-editor/default-cs3/app/app.tsx      |   1 -
 .../image-editor/default-cs30/app/app.jsx     |   2 +-
 .../image-editor/default-cs30/app/app.tsx     |   1 -
 .../image-editor/default-cs31/app/app.jsx     |   2 +-
 .../image-editor/default-cs31/app/app.tsx     |   1 -
 .../image-editor/default-cs32/app/app.jsx     |   2 +-
 .../image-editor/default-cs32/app/app.tsx     |   1 -
 .../image-editor/default-cs33/app/app.jsx     |   2 +-
 .../image-editor/default-cs33/app/app.tsx     |   1 -
 .../image-editor/default-cs34/app/app.jsx     |   2 +-
 .../image-editor/default-cs34/app/app.tsx     |   1 -
 .../image-editor/default-cs35/app/app.jsx     |   2 +-
 .../image-editor/default-cs35/app/app.tsx     |   1 -
 .../image-editor/default-cs36/app/app.jsx     |   2 +-
 .../image-editor/default-cs36/app/app.tsx     |   1 -
 .../image-editor/default-cs37/app/app.jsx     |   2 +-
 .../image-editor/default-cs37/app/app.tsx     |   1 -
 .../image-editor/default-cs38/app/app.jsx     |   1 -
 .../image-editor/default-cs38/app/app.tsx     |   1 -
 .../image-editor/default-cs39/app/app.jsx     |   2 +-
 .../image-editor/default-cs39/app/app.tsx     |   1 -
 .../image-editor/default-cs4/app/app.jsx      |   1 -
 .../image-editor/default-cs4/app/app.tsx      |   1 -
 .../image-editor/default-cs40/app/app.jsx     |   2 +-
 .../image-editor/default-cs40/app/app.tsx     |   1 -
 .../image-editor/default-cs5/app/app.jsx      |   1 -
 .../image-editor/default-cs5/app/app.tsx      |   1 -
 .../image-editor/default-cs6/app/app.jsx      |   1 -
 .../image-editor/default-cs6/app/app.tsx      |   1 -
 .../image-editor/default-cs8/app/app.jsx      |   1 -
 .../image-editor/default-cs8/app/app.tsx      |   1 -
 .../image-editor/default-cs9/app/app.jsx      |   1 -
 .../image-editor/default-cs9/app/app.tsx      |   1 -
 .../spreadsheet/open-from-json/index.html     |   2 +-
 .../spreadsheet/print-cs2/index.html          |   2 +-
 .../spreadsheet/save-as-json/index.html       |   2 +-
 .../how-to/restricting-zoom-in-mobile-mode.md | 102 ++++++++++++++++++
 ej2-react/uploader/file-source.md             |   2 +-
 84 files changed, 128 insertions(+), 85 deletions(-)
 create mode 100644 ej2-react/pdfviewer/how-to/restricting-zoom-in-mobile-mode.md

diff --git a/ej2-react-toc.html b/ej2-react-toc.html
index 10e53a5e9..d2fb33409 100644
--- a/ej2-react-toc.html
+++ b/ej2-react-toc.html
@@ -1857,6 +1857,7 @@
 <li><a href="/ej2-react/pdfviewer/how-to/signatureselect-signatureunselect">SignatureSelect and SignatureUnselect event</a></li>
 <li><a href="/ej2-react/pdfviewer/how-to/download-start-event">Controlling File Downloads</a></li>
 <li><a href="/ej2-react/pdfviewer/how-to/min-max-zoom">Minimum and Maximum Zoom Properties</a></li>
+<li><a href="/ej2-react/pdfviewer/how-to/restricting-zoom-in-mobile-mode">Restrict Zoom Percentage on Mobile Devices</a></li>
 </ul>
 </li>
 <li>Troubleshooting
@@ -1871,8 +1872,12 @@
 </li><li>
 PivotTable
 <ul>
-<li><a href="/ej2-react/pivotview/getting-started">Getting Started</a></li>
-<li><a href="/ej2-react/pivotview/nextjs-getting-started">Getting Started with NextJS</a></li>
+<li>Getting Started
+<ul>
+<li><a href="/ej2-react/pivotview/getting-started">React</a></li>
+<li><a href="/ej2-react/pivotview/nextjs-getting-started">NextJS</a></li>
+</ul>
+</li>
 <li><a href="/ej2-react/pivotview/data-binding">Data Binding</a></li>
 <li>Connecting to data source
 <ul>
@@ -1970,7 +1975,8 @@
 </li>
 <li><a href="https://ej2.syncfusion.com/react/documentation/api/pivotview/">API Reference</a></li>
 </ul>
-</li><h1>Summary of Predefined Dialogs component</h1>
+</li>
+<h1>Summary of Predefined Dialogs component</h1>
 
 <li>
 Predefined dialogs
diff --git a/ej2-react/code-snippet/image-editor/default-cs1/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs1/app/app.jsx
index fcdedcaff..e055436e2 100644
--- a/ej2-react/code-snippet/image-editor/default-cs1/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs1/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs1/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs1/app/app.tsx
index b54c7ec52..fb2cb69bd 100644
--- a/ej2-react/code-snippet/image-editor/default-cs1/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs1/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs10/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs10/app/app.jsx
index 375ba08fa..10f55c4e4 100644
--- a/ej2-react/code-snippet/image-editor/default-cs10/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs10/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs10/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs10/app/app.tsx
index 3ee6ababb..648d03b42 100644
--- a/ej2-react/code-snippet/image-editor/default-cs10/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs10/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs11/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs11/app/app.jsx
index 543ef43c9..9721f8bf2 100644
--- a/ej2-react/code-snippet/image-editor/default-cs11/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs11/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs11/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs11/app/app.tsx
index c1523e79c..f4bdeb153 100644
--- a/ej2-react/code-snippet/image-editor/default-cs11/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs11/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs12/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs12/app/app.jsx
index 7c686d125..c8f6297dd 100644
--- a/ej2-react/code-snippet/image-editor/default-cs12/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs12/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs12/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs12/app/app.tsx
index cd7ce974e..93fcd3c79 100644
--- a/ej2-react/code-snippet/image-editor/default-cs12/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs12/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs13/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs13/app/app.jsx
index 687a0c998..1175667be 100644
--- a/ej2-react/code-snippet/image-editor/default-cs13/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs13/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs13/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs13/app/app.tsx
index 599c722ff..17a035857 100644
--- a/ej2-react/code-snippet/image-editor/default-cs13/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs13/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs14/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs14/app/app.jsx
index 7c8b70586..ed7bce68f 100644
--- a/ej2-react/code-snippet/image-editor/default-cs14/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs14/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs14/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs14/app/app.tsx
index 3f3f9c0db..83e31fadc 100644
--- a/ej2-react/code-snippet/image-editor/default-cs14/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs14/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs15/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs15/app/app.jsx
index 1a6b8b6e9..ee33fe8a2 100644
--- a/ej2-react/code-snippet/image-editor/default-cs15/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs15/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs15/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs15/app/app.tsx
index 8830be028..39785213e 100644
--- a/ej2-react/code-snippet/image-editor/default-cs15/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs15/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs16/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs16/app/app.jsx
index 44941d868..555dd614e 100644
--- a/ej2-react/code-snippet/image-editor/default-cs16/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs16/app/app.jsx
@@ -2,7 +2,6 @@
 import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     toolbar = ['Annotate', "Line", "Rectangle", "Text", 'ZoomIn', 'ZoomOut', { text: 'Custom' }];
diff --git a/ej2-react/code-snippet/image-editor/default-cs16/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs16/app/app.tsx
index cb6bd4dd5..fc548de06 100644
--- a/ej2-react/code-snippet/image-editor/default-cs16/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs16/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs17/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs17/app/app.jsx
index a0fd11360..8ae3e9f31 100644
--- a/ej2-react/code-snippet/image-editor/default-cs17/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs17/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs17/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs17/app/app.tsx
index 780e2b24a..afcdd13b8 100644
--- a/ej2-react/code-snippet/image-editor/default-cs17/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs17/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs18/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs18/app/app.jsx
index 5e1ea5ca9..da8d1b406 100644
--- a/ej2-react/code-snippet/image-editor/default-cs18/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs18/app/app.jsx
@@ -3,7 +3,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs18/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs18/app/app.tsx
index 326af09c5..94af2dd87 100644
--- a/ej2-react/code-snippet/image-editor/default-cs18/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs18/app/app.tsx
@@ -6,7 +6,6 @@ import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
 import { ItemModel } from '@syncfusion/ej2-navigations';
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs19/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs19/app/app.jsx
index 268ac7909..7672da3ac 100644
--- a/ej2-react/code-snippet/image-editor/default-cs19/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs19/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs19/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs19/app/app.tsx
index 9f0f81867..907697bdd 100644
--- a/ej2-react/code-snippet/image-editor/default-cs19/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs19/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs2/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs2/app/app.jsx
index 0b84980a8..74063b559 100644
--- a/ej2-react/code-snippet/image-editor/default-cs2/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs2/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs2/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs2/app/app.tsx
index 0821f380e..cc9b8acb1 100644
--- a/ej2-react/code-snippet/image-editor/default-cs2/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs2/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs20/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs20/app/app.jsx
index 0c6a920dd..f14aea9cc 100644
--- a/ej2-react/code-snippet/image-editor/default-cs20/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs20/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs20/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs20/app/app.tsx
index 629ad26c9..1faf94dcb 100644
--- a/ej2-react/code-snippet/image-editor/default-cs20/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs20/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs21/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs21/app/app.jsx
index 7843e21ef..76f17f536 100644
--- a/ej2-react/code-snippet/image-editor/default-cs21/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs21/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs21/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs21/app/app.tsx
index 9e087a91c..5dc2a1f37 100644
--- a/ej2-react/code-snippet/image-editor/default-cs21/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs21/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs22/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs22/app/app.jsx
index 72078128a..203e9db2c 100644
--- a/ej2-react/code-snippet/image-editor/default-cs22/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs22/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs22/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs22/app/app.tsx
index 943f7600c..f4ce476fe 100644
--- a/ej2-react/code-snippet/image-editor/default-cs22/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs22/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs23/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs23/app/app.jsx
index e73a47327..1cdae5298 100644
--- a/ej2-react/code-snippet/image-editor/default-cs23/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs23/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs23/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs23/app/app.tsx
index 5dce32ac0..c537304c6 100644
--- a/ej2-react/code-snippet/image-editor/default-cs23/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs23/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs24/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs24/app/app.jsx
index ab75bde68..96191262d 100644
--- a/ej2-react/code-snippet/image-editor/default-cs24/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs24/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs24/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs24/app/app.tsx
index e13ee5007..4ad6adb80 100644
--- a/ej2-react/code-snippet/image-editor/default-cs24/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs24/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs25/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs25/app/app.jsx
index 3864b52e2..afc587fd6 100644
--- a/ej2-react/code-snippet/image-editor/default-cs25/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs25/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs25/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs25/app/app.tsx
index 9bac565b3..9da65f73b 100644
--- a/ej2-react/code-snippet/image-editor/default-cs25/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs25/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs26/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs26/app/app.jsx
index 17e0ee5ce..607008e89 100644
--- a/ej2-react/code-snippet/image-editor/default-cs26/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs26/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs26/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs26/app/app.tsx
index 1739b5cb6..e2167396d 100644
--- a/ej2-react/code-snippet/image-editor/default-cs26/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs26/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs27/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs27/app/app.jsx
index 2765a253c..09620c196 100644
--- a/ej2-react/code-snippet/image-editor/default-cs27/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs27/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs27/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs27/app/app.tsx
index cfade927f..036fc7d08 100644
--- a/ej2-react/code-snippet/image-editor/default-cs27/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs27/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs28/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs28/app/app.jsx
index 310a3201d..4ca087378 100644
--- a/ej2-react/code-snippet/image-editor/default-cs28/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs28/app/app.jsx
@@ -5,7 +5,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs28/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs28/app/app.tsx
index 9e347f17f..120777c0c 100644
--- a/ej2-react/code-snippet/image-editor/default-cs28/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs28/app/app.tsx
@@ -9,7 +9,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs29/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs29/app/app.jsx
index f92f0fcce..883280cbf 100644
--- a/ej2-react/code-snippet/image-editor/default-cs29/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs29/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs29/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs29/app/app.tsx
index 28886578a..e80550a0c 100644
--- a/ej2-react/code-snippet/image-editor/default-cs29/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs29/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent, ImageFinetuneOption } from '@syncfusion/ej2-react
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs3/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs3/app/app.jsx
index 43c3d509b..05686bb94 100644
--- a/ej2-react/code-snippet/image-editor/default-cs3/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs3/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs3/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs3/app/app.tsx
index 1f12b0c23..6606d14d8 100644
--- a/ej2-react/code-snippet/image-editor/default-cs3/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs3/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs30/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs30/app/app.jsx
index 2f14e2e8a..14e5232c3 100644
--- a/ej2-react/code-snippet/image-editor/default-cs30/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs30/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs30/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs30/app/app.tsx
index a87be5dd3..396a640c5 100644
--- a/ej2-react/code-snippet/image-editor/default-cs30/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs30/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs31/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs31/app/app.jsx
index 64ea031a0..018fb3eda 100644
--- a/ej2-react/code-snippet/image-editor/default-cs31/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs31/app/app.jsx
@@ -3,7 +3,7 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     toolbar = ['Annotate', "Line", "Rectangle", "Text", 'ZoomIn', 'ZoomOut', { text: 'Custom' }];
diff --git a/ej2-react/code-snippet/image-editor/default-cs31/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs31/app/app.tsx
index f3d2c64e2..cc6ba9c13 100644
--- a/ej2-react/code-snippet/image-editor/default-cs31/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs31/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent, ToolbarEventArgs, ClickEventArgs } from '@syncfus
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs32/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs32/app/app.jsx
index ad136ebd2..b827ba312 100644
--- a/ej2-react/code-snippet/image-editor/default-cs32/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs32/app/app.jsx
@@ -3,7 +3,7 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     toolbar = ['Annotate' , 'Finetune' , 'Filter' , 'Confirm' , 'Reset' , 'Save', 'ZoomIn', 'ZoomOut'];
diff --git a/ej2-react/code-snippet/image-editor/default-cs32/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs32/app/app.tsx
index a04b7b81f..003bb6f42 100644
--- a/ej2-react/code-snippet/image-editor/default-cs32/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs32/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent, ToolbarEventArgs } from '@syncfusion/ej2-react-im
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs33/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs33/app/app.jsx
index 57f1767d6..f009de836 100644
--- a/ej2-react/code-snippet/image-editor/default-cs33/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs33/app/app.jsx
@@ -3,7 +3,7 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     toolbar = ['Annotate', 'Finetune' , 'Filter' , 'Confirm' , 'Reset' , 'Save', 'ZoomIn', 'ZoomOut'];
diff --git a/ej2-react/code-snippet/image-editor/default-cs33/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs33/app/app.tsx
index a04b7b81f..003bb6f42 100644
--- a/ej2-react/code-snippet/image-editor/default-cs33/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs33/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent, ToolbarEventArgs } from '@syncfusion/ej2-react-im
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs34/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs34/app/app.jsx
index 1b1f1f7d1..ff953e88b 100644
--- a/ej2-react/code-snippet/image-editor/default-cs34/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs34/app/app.jsx
@@ -5,7 +5,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs34/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs34/app/app.tsx
index 31100b658..710af0736 100644
--- a/ej2-react/code-snippet/image-editor/default-cs34/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs34/app/app.tsx
@@ -9,7 +9,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs35/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs35/app/app.jsx
index e14ad60ea..9d3ae8b8e 100644
--- a/ej2-react/code-snippet/image-editor/default-cs35/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs35/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs35/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs35/app/app.tsx
index 2ff607e89..1552da4fa 100644
--- a/ej2-react/code-snippet/image-editor/default-cs35/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs35/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs36/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs36/app/app.jsx
index 9d498a999..e9dc42f4a 100644
--- a/ej2-react/code-snippet/image-editor/default-cs36/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs36/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     toolbar = [];
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs36/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs36/app/app.tsx
index 4f0c27b14..225e152fc 100644
--- a/ej2-react/code-snippet/image-editor/default-cs36/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs36/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs37/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs37/app/app.jsx
index 38d1551bc..8237a9693 100644
--- a/ej2-react/code-snippet/image-editor/default-cs37/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs37/app/app.jsx
@@ -4,7 +4,7 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     toolbar = [];
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs37/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs37/app/app.tsx
index 84d2e2c73..8f83a0588 100644
--- a/ej2-react/code-snippet/image-editor/default-cs37/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs37/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs38/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs38/app/app.jsx
index 3d22d70b3..5bc3a1080 100644
--- a/ej2-react/code-snippet/image-editor/default-cs38/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs38/app/app.jsx
@@ -3,7 +3,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     fontFamily = { default: 'Arial', items: [{id: 'arial', text: 'Arial'}, {id: 'brush script mt', text: 'Brush Script MT'},
diff --git a/ej2-react/code-snippet/image-editor/default-cs38/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs38/app/app.tsx
index 91ce949a8..9beed17de 100644
--- a/ej2-react/code-snippet/image-editor/default-cs38/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs38/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs39/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs39/app/app.jsx
index 61bfbe302..79dbd4853 100644
--- a/ej2-react/code-snippet/image-editor/default-cs39/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs39/app/app.jsx
@@ -3,7 +3,7 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs39/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs39/app/app.tsx
index db0d98d4d..c6a86f3f6 100644
--- a/ej2-react/code-snippet/image-editor/default-cs39/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs39/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs4/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs4/app/app.jsx
index f8e93fa4a..6c93e026a 100644
--- a/ej2-react/code-snippet/image-editor/default-cs4/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs4/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs4/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs4/app/app.tsx
index ec45935c3..f3887be32 100644
--- a/ej2-react/code-snippet/image-editor/default-cs4/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs4/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs40/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs40/app/app.jsx
index a831409fb..aa21c1321 100644
--- a/ej2-react/code-snippet/image-editor/default-cs40/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs40/app/app.jsx
@@ -3,7 +3,7 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
+
 export default class App extends React.Component {
     imgObj;
     imageEditorCreated() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs40/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs40/app/app.tsx
index 91ca5e0bc..f5c943fa6 100644
--- a/ej2-react/code-snippet/image-editor/default-cs40/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs40/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs5/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs5/app/app.jsx
index 316843e54..b37fd5638 100644
--- a/ej2-react/code-snippet/image-editor/default-cs5/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs5/app/app.jsx
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs5/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs5/app/app.tsx
index 9142b2a2a..a5ce5597e 100644
--- a/ej2-react/code-snippet/image-editor/default-cs5/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs5/app/app.tsx
@@ -6,7 +6,6 @@ import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/image-editor/default-cs6/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs6/app/app.jsx
index 8a37a6d06..65150dbc5 100644
--- a/ej2-react/code-snippet/image-editor/default-cs6/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs6/app/app.jsx
@@ -1,7 +1,6 @@
 import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     render() {
diff --git a/ej2-react/code-snippet/image-editor/default-cs6/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs6/app/app.tsx
index 27b77d40b..c211b37fd 100644
--- a/ej2-react/code-snippet/image-editor/default-cs6/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs6/app/app.tsx
@@ -3,7 +3,6 @@
 import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
 
diff --git a/ej2-react/code-snippet/image-editor/default-cs8/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs8/app/app.jsx
index b25a03e0b..a3928ac0d 100644
--- a/ej2-react/code-snippet/image-editor/default-cs8/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs8/app/app.jsx
@@ -3,7 +3,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { L10n } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 L10n.load({
     'de-DE': {
diff --git a/ej2-react/code-snippet/image-editor/default-cs8/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs8/app/app.tsx
index 2e85ec752..815fe3370 100644
--- a/ej2-react/code-snippet/image-editor/default-cs8/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs8/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { L10n, Browser} from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 L10n.load({
     'de-DE': {
diff --git a/ej2-react/code-snippet/image-editor/default-cs9/app/app.jsx b/ej2-react/code-snippet/image-editor/default-cs9/app/app.jsx
index ec53a0978..644197d86 100644
--- a/ej2-react/code-snippet/image-editor/default-cs9/app/app.jsx
+++ b/ej2-react/code-snippet/image-editor/default-cs9/app/app.jsx
@@ -3,7 +3,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 export default class App extends React.Component {
     imgObj;
diff --git a/ej2-react/code-snippet/image-editor/default-cs9/app/app.tsx b/ej2-react/code-snippet/image-editor/default-cs9/app/app.tsx
index e97a2abc1..cb4b6d0ef 100644
--- a/ej2-react/code-snippet/image-editor/default-cs9/app/app.tsx
+++ b/ej2-react/code-snippet/image-editor/default-cs9/app/app.tsx
@@ -5,7 +5,6 @@ import { ImageEditorComponent } from '@syncfusion/ej2-react-image-editor';
 import { Browser } from '@syncfusion/ej2-base';
 import * as React from 'react';
 import * as ReactDOM from "react-dom";
-import './index.css';
 
 function App() {
     let imgObj: ImageEditorComponent;
diff --git a/ej2-react/code-snippet/spreadsheet/open-from-json/index.html b/ej2-react/code-snippet/spreadsheet/open-from-json/index.html
index 5968aa335..6d5ee749d 100644
--- a/ej2-react/code-snippet/spreadsheet/open-from-json/index.html
+++ b/ej2-react/code-snippet/spreadsheet/open-from-json/index.html
@@ -40,7 +40,7 @@
         }
 
         body {
-            overflow: hidden;
+            overflow: auto;
         }
     </style>
 </head>
diff --git a/ej2-react/code-snippet/spreadsheet/print-cs2/index.html b/ej2-react/code-snippet/spreadsheet/print-cs2/index.html
index 61b1022f2..a2650a4ed 100644
--- a/ej2-react/code-snippet/spreadsheet/print-cs2/index.html
+++ b/ej2-react/code-snippet/spreadsheet/print-cs2/index.html
@@ -26,7 +26,7 @@
         }
 
         body {
-            overflow: hidden;
+            overflow: auto;
         }
 
         #print input[type="checkbox"] {
diff --git a/ej2-react/code-snippet/spreadsheet/save-as-json/index.html b/ej2-react/code-snippet/spreadsheet/save-as-json/index.html
index 6281d2832..d700d8be9 100644
--- a/ej2-react/code-snippet/spreadsheet/save-as-json/index.html
+++ b/ej2-react/code-snippet/spreadsheet/save-as-json/index.html
@@ -39,7 +39,7 @@
         }
 
         body {
-            overflow: hidden;
+            overflow: auto;
         }
     </style>
 </head>
diff --git a/ej2-react/pdfviewer/how-to/restricting-zoom-in-mobile-mode.md b/ej2-react/pdfviewer/how-to/restricting-zoom-in-mobile-mode.md
new file mode 100644
index 000000000..f4a87adae
--- /dev/null
+++ b/ej2-react/pdfviewer/how-to/restricting-zoom-in-mobile-mode.md
@@ -0,0 +1,102 @@
+---
+layout: post
+title: Restrict Zoom Percentage in React PDF Viewer component | Syncfusion
+description: Learn here all how to restrict zoom percentage in Syncfusion React PDF Viewer component of Syncfusion Essential JS 2 and more.
+control: PDF Viewer 
+platform: ej2-react
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# How to Restrict Zoom Percentage on Mobile Devices
+
+In Syncfusion PDF Viewer, you can easily restrict the zoom percentage on mobile devices using the **maxZoom** and **minZoom** property. This feature allows you to set specific limits for zooming, ensuring smoother scrolling performance and efficient document loading, on mobile devices.
+
+{% tabs %}
+{% highlight js tabtitle="Standalone" %}
+{% raw %} 
+
+import * as ReactDOM from 'react-dom';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, 
+         BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation,
+         FormFields, FormDesigner, PageOrganizer Inject } from '@syncfusion/ej2-react-pdfviewer';
+import  {Browser} from '@syncfusion/ej2-base';
+
+function App() {
+   function documentLoaded(){
+    var viewer = document.getElementById('container').ej2_instances[0];
+     if (Browser.isDevice && !viewer.enableDesktopMode) {
+         viewer.maxZoom = 100;
+         viewer.minZoom = 10;
+      }
+      else {
+         viewer.zoomMode = 'Default';
+      }
+   }
+  return (<div>
+    <div className='control-section'>
+      {/* Render the PDF Viewer */}
+      <PdfViewerComponent
+        id="container"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl="https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2-pdfviewer-lib"
+        documentLoad={documentLoaded}
+        style={{ 'height': '640px' }}>
+
+              <Inject services={[ Toolbar, Annotation, Magnification, Navigation, LinkAnnotation, BookmarkView,
+                                  ThumbnailView, Print, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endraw %}
+{% endhighlight %}
+{% highlight js tabtitle="Server-Backed" %}
+{% raw %} 
+
+import * as ReactDOM from 'react-dom';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, 
+         BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation,
+         FormFields, FormDesigner, PageOrganizer Inject } from '@syncfusion/ej2-react-pdfviewer';
+import  {Browser} from '@syncfusion/ej2-base';
+
+function App() {
+   function documentLoaded(){
+    var viewer = document.getElementById('container').ej2_instances[0];
+     if (Browser.isDevice && !viewer.enableDesktopMode) {
+         viewer.maxZoom = 100;
+         viewer.minZoom = 10;
+      }
+      else {
+         viewer.zoomMode = 'Default';
+      }
+   }
+  return (<div>
+    <div className='control-section'>
+      {/* Render the PDF Viewer */}
+      <PdfViewerComponent
+        id="container"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        serviceUrl="https://services.syncfusion.com/react/production/api/pdfviewer"
+        documentLoad={documentLoaded}
+        style={{ 'height': '640px' }}>
+
+              <Inject services={[ Toolbar, Annotation, Magnification, Navigation, LinkAnnotation, BookmarkView,
+                                  ThumbnailView, Print, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/ej2-react/uploader/file-source.md b/ej2-react/uploader/file-source.md
index b9f75aca9..6f68e49d4 100644
--- a/ej2-react/uploader/file-source.md
+++ b/ej2-react/uploader/file-source.md
@@ -173,7 +173,7 @@ The uploader component allows you to set external target element as drop area us
 
 ### Customize drop area
 
-You can customize the appearance of drop area by overriding the default drop area styles. The class “” and “” is available to handle this customization.
+You can customize the appearance of drop area by overriding the default drop area styles. The class **e-upload-drag-hover** is available to handle this customization.
 
 `[Class-component]`