1000370: Preview sample issues in React PDF Viewer

Author: SF4524LogeshKumar

Document-Processing/PDF/PDF-Viewer/react/form-designer/create-programmatically.md

@@ -138,7 +138,7 @@ root.render(<App />);
 N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
 `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/addformfield-cs1/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/addformfield-cs1" %}
 
 ## Edit/Update form field programmatically
 
@@ -256,7 +256,7 @@ root.render(<App />);
 N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
 `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/updateformfield-cs1/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/updateformfield-cs1" %}
 
 ## Delete form field programmatically
 
@@ -374,7 +374,7 @@ root.render(<App />);
 N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
 `pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/deleteformfield-cs1/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/deleteformfield-cs1" %}
 
 ## setFormFieldMode programmatically
 

Document-Processing/PDF/PDF-Viewer/react/getting-started-with-server-backed.md

@@ -184,7 +184,7 @@ Output will be appears as follows.
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs1/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs1" %}
 
 > For PDF Viewer serviceUrl creation, follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/how-to/create-pdfviewer-service)
 

Document-Processing/PDF/PDF-Viewer/react/getting-started.md

@@ -301,6 +301,6 @@ root.render(<App />);
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs1-standalone/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs1-standalone" %}
 
 > You can refer to our [React PDF Viewer](https://www.syncfusion.com/pdf-viewer-sdk) feature tour page for its groundbreaking feature representations. You can also explore our [React PDF Viewer example](https://document.syncfusion.com/demos/pdf-viewer/react/#/tailwind3/pdfviewer/default) to understand how to explains core features of PDF Viewer.

Document-Processing/PDF/PDF-Viewer/react/how-to/custom-context-menu.md

@@ -324,6 +324,6 @@ The following is the output of the custom context menu with customization.
 N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the <div> element in either the `index.TSX` or `index.JSX` file:
 **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**.
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/custom-context-menu/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/custom-context-menu" %}
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu)

Document-Processing/PDF/PDF-Viewer/react/toolbar.md

@@ -98,7 +98,7 @@ root.render(<App />);
 N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the <div> element in either the `index.tsx` or `index.jsx` file:
 **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**.
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs2/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs2" %}
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/blob/master/Toolbar/How%20to%20hide%20toolbar/src/index.js)
 
@@ -178,7 +178,7 @@ root.render(<App />);
 N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the <div> element in either the `index.tsx` or `index.jsx` file:
 **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**.
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs3/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs3" %}
 
 ## Show/Hide the built-in toolbaritem
 
@@ -250,7 +250,7 @@ root.render(<App />);
 N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the <div> element in either the `index.tsx` or `index.jsx` file:
 **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**.
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs4/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs4" %}
 
 * **Show/Hide toolbaritem using showToolbaritem as in the following code snippet**
 
@@ -326,7 +326,7 @@ root.render(<App />);
 N> To set up the **server-backed PDF Viewer**, add the following `serviceUrl` within the <div> element in either the `index.tsx` or `index.jsx` file:
 **serviceUrl="https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer"**.
 
-{% previewsample "Document-Processing/code-snippet/pdfviewer/react/base-cs5/index.html" %}
+{% previewsample "/document-processing/code-snippet/pdfviewer/react/base-cs5" %}
 
 ## Customize Built-In Toolbar