1000370: Preview Sample Issues fix in Angular

Author: SF4524LogeshKumar

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

@@ -94,7 +94,7 @@ N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in
 `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`;
 Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element.
 
-{% previewsample "Document-Processing/samples/pdfviewer/anagular/addformfield-cs1/index.html" %}
+{% previewsample "/document-processing/samples/pdfviewer/anagular/addformfield-cs1" %}
 
 ## Edit/Update form field programmatically
 
@@ -170,7 +170,7 @@ N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in
 `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`;
 Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element.
 
-{% previewsample "Document-Processing/samples/pdfviewer/angular/updateformfield-cs1/index.html" %}
+{% previewsample "/document-processing/samples/pdfviewer/angular/updateformfield-cs1" %}
 
 ## Delete form field programmatically
 
@@ -246,7 +246,7 @@ N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in
 `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`;
 Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element.
 
-{% previewsample "Document-Processing/samples/pdfviewer/angular/deleteformfield-cs1/index.html" %}
+{% previewsample "/document-processing/samples/pdfviewer/angular/deleteformfield-cs1" %}
 
 The following code illustrates how to delete a signature from the signature field using the `retrieveFormFields` and `clearFormFields` APIs.
 

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

@@ -150,7 +150,7 @@ platformBrowserDynamic().bootstrapModule(AppModule)
 
 ```
 
-{% previewsample "Document-Processing/samples/pdfviewer/angular/getting-started-cs1/index.html" %}
+{% previewsample "/document-processing/samples/pdfviewer/angular/getting-started-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/angular/getting-started.md

@@ -215,7 +215,7 @@ platformBrowserDynamic().bootstrapModule(AppModule)
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "Document-Processing/samples/pdfviewer/angular/getting-started-cs1-standalone/index.html" %}
+{% previewsample "/document-processing/samples/pdfviewer/angular/getting-started-cs1-standalone" %}
 
 ## Module injection
 

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

@@ -227,6 +227,6 @@ Add the below serviceUrl in the `app.component.ts` file
 `public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'`;
 Within the template, configure the PDF Viewer by adding the `[serviceUrl]='service'` attribute inside the div element.
 
-{% previewsample "Document-Processing/samples/pdfviewer/angular/custom-context-menu/index.html" %}
+{% previewsample "/document-processing/samples/pdfviewer/angular/custom-context-menu" %}
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to/Custom%20Context%20Menu)