SyncfusionExamples · ghost · Sep 25, 2023 · Sep 26, 2023 · Nov 28, 2023 · Nov 28, 2023
diff --git a/Annotations/Import and export annotations/package.json b/Annotations/Import and export annotations/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@syncfusion/ej2-react-pdfviewer": "^20.2.50",
+    "@syncfusion/ej2-react-pdfviewer": "*",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

diff --git a/Annotations/Import and export annotations/src/index.js b/Annotations/Import and export annotations/src/index.js
@@ -103,9 +103,11 @@ export class App extends React.Component {
               {/* Render the PDF Viewer */}
               <PdfViewerComponent
                 id="container"
-                documentPath="PDF_Succinctly.pdf"
+                documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
                 documentLoad={this.documentLoad}
-                serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/pdfviewer"
+                //To set up the **server-backed PDF Viewer**, add the following 'serviceUrl'.
+                //serviceUrl="https://services.syncfusion.com/react/production/api/pdfviewer"
+                resourceUrl="https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2-pdfviewer-lib"
                 style={{ height: '640px' }}
               >
                 {/* Inject the required services */}

diff --git a/Custom Toolbar/package.json b/Custom Toolbar/package.json
@@ -3,19 +3,23 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@syncfusion/ej2-react-navigations": "*",
+    "@syncfusion/ej2-base": "*",
+    "@syncfusion/ej2-pdfviewer": "*",
+    "@syncfusion/ej2-react-base": "*",
     "@syncfusion/ej2-react-pdfviewer": "*",
+    "@syncfusion/ej2-navigations": "*",
+    "@syncfusion/ej2-react-navigations": "*",
+    "@syncfusion/ej2-buttons": "*",
+    "@syncfusion/ej2-react-buttons": "*",
+    "@syncfusion/ej2-lists": "*",
+    "@syncfusion/ej2-documenteditor": "*",
+    "@syncfusion/ej2-splitbuttons": "*",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.5.2",
-    "@types/node": "^16.18.37",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
-    "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

diff --git a/Custom Toolbar/public/index.html b/Custom Toolbar/public/index.html
@@ -1,45 +1,23 @@
 <!DOCTYPE html>
-<html lang="en">
-  <head>
+<html>
+<head>
+    <title>Syncfusion React Sample</title>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <link href="https://cdn.syncfusion.com/ej2/22.1.39/material.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="description" content="Syncfusion React UI Components" />
+    <meta name="author" content="Syncfusion" />
+    <link href="https://cdn.syncfusion.com/ej2/23.2.4/bootstrap5.css" rel="stylesheet">
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
+</head>
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
+<body class="bootstrap5">
+     <style>
+            .control-section
+            {
+                margin-top: 100px;
+            }
+    </style>
+    <div id='sample'>
+</body>
 </html>
diff --git a/Custom Toolbar/src/App.css b/Custom Toolbar/src/App.css
diff --git a/Custom Toolbar/src/App.test.tsx b/Custom Toolbar/src/App.test.tsx