- Getting Started diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.css deleted file mode 100644 index 3e3720eea..000000000 --- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.css +++ /dev/null @@ -1,14 +0,0 @@ -#container { - visibility: hidden; -} - -#loader { - color: #008cff; - font-family: 'Helvetica Neue','calibiri'; - font-size: 14px; - height: 40px; - left: 45%; - position: absolute; - top: 45%; - width: 30%; -} diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.js deleted file mode 100644 index e8133c8e2..000000000 --- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.js +++ /dev/null @@ -1,30 +0,0 @@ -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf', - resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib' -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, - ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer); -pdfviewer.appendTo('#PdfViewer'); -pdfviewer.documentLoad = function (args) { -pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } }); -pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}); -pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },}); -pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },}); -pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}); -pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}); -pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}); -pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}); -pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 },}); -pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 },}); -} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.ts deleted file mode 100644 index 7af3e68e2..000000000 --- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/index.ts +++ /dev/null @@ -1,36 +0,0 @@ -import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView, - TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings, RadioButtonFieldSettings, - CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings, PageOrganizer } from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView, - BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer ); - -let pdfviewer: PdfViewer = new PdfViewer({ - documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf', - resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib' -}); -pdfviewer.appendTo('#PdfViewer'); - -pdfviewer.documentLoad = function (args) { - pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings }); - pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings}); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings); - pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings); - pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings); - pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings); - pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings); - pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings); - pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings); - pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,}); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} ); - pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,}); -} \ No newline at end of file diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/js/index.html deleted file mode 100644 index f508b750d..000000000 --- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/js/index.html +++ /dev/null @@ -1,38 +0,0 @@ - -
- API Reference
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs1/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.js
deleted file mode 100644
index d4e498a9b..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.ts
deleted file mode 100644
index 48e8872f0..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/js/index.html
deleted file mode 100644
index 11b0edb5d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/systemjs.config.js
deleted file mode 100644
index 0de4fbfde..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.40/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/ts/index.html
deleted file mode 100644
index 3dd7ff4d4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.css b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.js
deleted file mode 100644
index d420e3bde..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject( ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },});
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },});
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,});
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,});
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,});
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,});
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 },});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 },});
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.ts b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.ts
deleted file mode 100644
index ca6cee488..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings, RadioButtonFieldSettings,
- CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields,PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/js/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/js/index.html
deleted file mode 100644
index f508b750d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs3/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.css b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.js
deleted file mode 100644
index d4e498a9b..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.ts b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.ts
deleted file mode 100644
index 48e8872f0..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/js/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/js/index.html
deleted file mode 100644
index 11b0edb5d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/systemjs.config.js
deleted file mode 100644
index e2baf1ad6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.40/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/ts/index.html
deleted file mode 100644
index 3dd7ff4d4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/addformfield-cs4/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.css b/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.css
deleted file mode 100644
index d2dbaf480..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
-color: #008cff;
-font-family: 'Helvetica Neue','calibiri';
-font-size: 14px;
-height: 40px;
-left: 45%;
-position: absolute;
-top: 45%;
-width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.js b/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.js
deleted file mode 100644
index bf015d8aa..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.js
+++ /dev/null
@@ -1,168 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-
-var menuItems = [
- {
- text: 'Search In Google',
- id: 'search_in_google',
- iconCss: 'e-icons e-search'
- },
- {
- text: 'Lock Annotation',
- iconCss: 'e-icons e-lock',
- id: 'lock_annotation'
- },
- {
- text: 'Unlock Annotation',
- iconCss: 'e-icons e-unlock',
- id: 'unlock_annotation'
- },
- {
- text: 'Lock Form Field',
- iconCss: 'e-icons e-lock',
- id: 'read_only_true'
- },
- {
- text: 'UnLock Form Field',
- iconCss: 'e-icons e-unlock',
- id: 'read_only_false'
- },
-];
-
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
- pdfviewer.addCustomMenu(menuItems, false, false);
-}
-
-pdfviewer.customContextMenuSelect = function (args) {
- switch (args.id) {
- case 'search_in_google':
- for (var i = 0; i < pdfviewer.textSelectionModule.selectionRangeArray.length; i++) {
- var content = pdfviewer.textSelectionModule.selectionRangeArray[i].textContent;
- if ((pdfviewer.textSelectionModule.isTextSelection) && (/\S/.test(content))) {
- window.open('http://google.com/search?q=' + content);
- }
- }
- break;
- case 'lock_annotation':
- lockAnnotations(args);
- break;
- case 'unlock_annotation':
- unlockAnnotations(args);
- break;
- case 'read_only_true':
- setReadOnlyTrue(args);
- break;
- case 'read_only_false':
- setReadOnlyFalse(args);
- break;
- case 'formfield properties':
- break;
- default:
- break;
- }
-};
-
-pdfviewer.customContextMenuBeforeOpen = function (args) {
- for (var i = 0; i < args.ids.length; i++) {
- var search = document.getElementById(args.ids[i]);
- if (search) {
- search.style.display = 'none';
- if (args.ids[i] === 'search_in_google' && (pdfviewer.textSelectionModule) && pdfviewer.textSelectionModule.isTextSelection) {
- search.style.display = 'block';
- } else if (args.ids[i] === "lock_annotation" || args.ids[i] === "unlock_annotation") {
- var isLockOption = args.ids[i] === "lock_annotation";
- for (var j = 0; j < pdfviewer.selectedItems.annotations.length; j++) {
- var selectedAnnotation = pdfviewer.selectedItems.annotations[j];
- if (selectedAnnotation && selectedAnnotation.annotationSettings) {
- var shouldDisplay = (isLockOption && !selectedAnnotation.annotationSettings.isLock) ||
- (!isLockOption && selectedAnnotation.annotationSettings.isLock);
- search.style.display = shouldDisplay ? 'block' : 'none';
- }
- }
- } else if ((args.ids[i] === "read_only_true" || args.ids[i] === "read_only_false") && pdfviewer.selectedItems.formFields.length !== 0) {
- var isReadOnlyOption = args.ids[i] === "read_only_true";
- for (var k = 0; k < pdfviewer.selectedItems.formFields.length; k++) {
- var selectedFormFields = pdfviewer.selectedItems.formFields[k];
- if (selectedFormFields) {
- var selectedFormField = pdfviewer.selectedItems.formFields[k].isReadonly;
- var displayMenu = (isReadOnlyOption && !selectedFormField) || (!isReadOnlyOption && selectedFormField);
- search.style.display = displayMenu ? 'block' : 'none';
- }
- }
- } else if (args.ids[i] === 'formfield properties' && pdfviewer.selectedItems.formFields.length !== 0) {
- search.style.display = 'block';
- }
- }
- }
-};
-
-function lockAnnotations(args) {
- for (var i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].uniqueKey === pdfviewer.selectedItems.annotations[0].id) {
- pdfviewer.annotationCollection[i].annotationSettings.isLock = true;
- pdfviewer.annotationCollection[i].isCommentLock = true;
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- args.cancel = false;
- }
-}
-
-function unlockAnnotations(args) {
- for (var i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].uniqueKey === pdfviewer.selectedItems.annotations[0].id) {
- pdfviewer.annotationCollection[i].annotationSettings.isLock = false;
- pdfviewer.annotationCollection[i].isCommentLock = false;
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- args.cancel = false;
- }
-}
-
-function setReadOnlyTrue(args) {
- var selectedFormFields = pdfviewer.selectedItems.formFields;
- for (var i = 0; i < selectedFormFields.length; i++) {
- var selectFormFields = selectedFormFields[i];
- if (selectFormFields) {
- pdfviewer.formDesignerModule.updateFormField(selectFormFields, {
- isReadOnly: true,
- });
- }
- args.cancel = false;
- }
-}
-
-function setReadOnlyFalse(args) {
- var selectedFormFields = pdfviewer.selectedItems.formFields;
- for (var i = 0; i < selectedFormFields.length; i++) {
- var selectFormFields = selectedFormFields[i];
- if (selectFormFields) {
- pdfviewer.formDesignerModule.updateFormField(selectFormFields, {
- isReadOnly: false,
- });
- }
- args.cancel = false;
- }
-}
-
-var defaultCheckBoxObj = new ej.buttons.CheckBox({
- change: contextmenuHelper,
- label: "Hide Default Context Menu"
-});
-defaultCheckBoxObj.appendTo('#hide');
-
-var positionCheckBoxObj = new ej.buttons.CheckBox({
- change: contextmenuHelper,
- label: "Add Custom option at bottom"
-
-});
-positionCheckBoxObj.appendTo('#toolbar');
-
-function contextmenuHelper(args) {
- pdfviewer.addCustomMenu(menuItems, defaultCheckBoxObj.checked, positionCheckBoxObj.checked);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.ts b/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.ts
deleted file mode 100644
index f32235296..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/index.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-import { MenuItemModel } from '@syncfusion/ej2-navigations';
-import { CheckBox, ChangeEventArgs } from '@syncfusion/ej2-buttons';
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-var menuItems: MenuItemModel[] = [
- {
- text: 'Search In Google',
- id: 'search_in_google',
- iconCss: 'e-icons e-search'
- },
- {
- text: 'Lock Annotation',
- iconCss: 'e-icons e-lock',
- id: 'lock_annotation'
- },
- {
- text: 'Unlock Annotation',
- iconCss: 'e-icons e-unlock',
- id: 'unlock_annotation'
- },
- {
- text: 'Lock Form Fields',
- iconCss: 'e-icons e-lock',
- id: 'read_only_true'
- },
- {
- text: 'Unlock Form Fields',
- iconCss: 'e-icons e-unlock',
- id: 'read_only_false'
- },
-];
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args: any) {
- pdfviewer.addCustomMenu(menuItems, false, false);
-}
-
-pdfviewer.customContextMenuSelect = function (args: any) {
- switch (args.id) {
- case 'search_in_google':
- for (var i = 0; i < pdfviewer.textSelectionModule.selectionRangeArray.length; i++) {
- var content = pdfviewer.textSelectionModule.selectionRangeArray[i].textContent;
- if ((pdfviewer.textSelectionModule.isTextSelection) && (/\S/.test(content))) {
- window.open('http://google.com/search?q=' + content);
- }
- }
- break;
- case 'lock_annotation':
- lockAnnotations(args);
- break;
- case 'unlock_annotation':
- unlockAnnotations(args);
- break;
- case 'read_only_true':
- setReadOnlyTrue(args);
- break;
- case 'read_only_false':
- setReadOnlyFalse(args);
- break;
- case 'formfield properties':
- break;
- default:
- break;
- }
-};
-
-pdfviewer.customContextMenuBeforeOpen = function (args: any) {
- for (var i = 0; i < args.ids.length; i++) {
- var search = document.getElementById(args.ids[i]);
- if (search) {
- search.style.display = 'none';
- if (args.ids[i] === 'search_in_google' && (pdfviewer.textSelectionModule) && pdfviewer.textSelectionModule.isTextSelection) {
- search.style.display = 'block';
- } else if (args.ids[i] === "lock_annotation" || args.ids[i] === "unlock_annotation") {
- var isLockOption = args.ids[i] === "lock_annotation";
- for (var j = 0; j < pdfviewer.selectedItems.annotations.length; j++) {
- var selectedAnnotation: any = pdfviewer.selectedItems.annotations[j];
- if (selectedAnnotation && selectedAnnotation.annotationSettings) {
- var shouldDisplay = (isLockOption && !selectedAnnotation.annotationSettings.isLock) ||
- (!isLockOption && selectedAnnotation.annotationSettings.isLock);
- search.style.display = shouldDisplay ? 'block' : 'none';
- }
- }
- } else if ((args.ids[i] === "read_only_true" || args.ids[i] === "read_only_false") && pdfviewer.selectedItems.formFields.length !== 0) {
- var isReadOnlyOption = args.ids[i] === "read_only_true";
- for (var k = 0; k < pdfviewer.selectedItems.formFields.length; k++) {
- var selectedFormFields = pdfviewer.selectedItems.formFields[k];
- if (selectedFormFields) {
- var selectedFormField = pdfviewer.selectedItems.formFields[k].isReadonly;
- var displayMenu = (isReadOnlyOption && !selectedFormField) || (!isReadOnlyOption && selectedFormField);
- search.style.display = displayMenu ? 'block' : 'none';
- }
- }
- } else if (args.ids[i] === 'formfield properties' && pdfviewer.selectedItems.formFields.length !== 0) {
- search.style.display = 'block';
- }
- }
- }
-};
-
-function lockAnnotations(args: any) {
- for (var i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].uniqueKey === pdfviewer.selectedItems.annotations[0].id) {
- pdfviewer.annotationCollection[i].annotationSettings.isLock = true;
- pdfviewer.annotationCollection[i].isCommentLock = true;
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- args.cancel = false;
- }
-}
-
-function unlockAnnotations(args: any) {
- for (var i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].uniqueKey === pdfviewer.selectedItems.annotations[0].id) {
- pdfviewer.annotationCollection[i].annotationSettings.isLock = false;
- pdfviewer.annotationCollection[i].isCommentLock = false;
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- args.cancel = false;
- }
-}
-
-function setReadOnlyTrue(args: any) {
- var selectedFormFields = pdfviewer.selectedItems.formFields;
- for (var i = 0; i < selectedFormFields.length; i++) {
- var selectedFormField = selectedFormFields[i];
- if (selectedFormField) {
- pdfviewer.formDesignerModule.updateFormField(selectedFormField, {
- isReadOnly: true,
- } as any);
- }
- args.cancel = false;
- }
-}
-
-function setReadOnlyFalse(args: any) {
- var selectedFormFields = pdfviewer.selectedItems.formFields;
- for (var i = 0; i < selectedFormFields.length; i++) {
- var selectedFormField = selectedFormFields[i];
- if (selectedFormField) {
- pdfviewer.formDesignerModule.updateFormField(selectedFormField, {
- isReadOnly: false,
- } as any);
- }
- args.cancel = false;
- }
-}
-
-let defaultCheckBoxObj: CheckBox = new CheckBox({
- change: contextmenuHelper,
- label: "Hide Default Context Menu"
-});
-defaultCheckBoxObj.appendTo('#hide');
-
-let positionCheckBoxObj: CheckBox = new CheckBox({
- change: contextmenuHelper,
- label: "Add Custom option at bottom"
-});
-positionCheckBoxObj.appendTo('#toolbar');
-
-function contextmenuHelper(args: ChangeEventArgs): void {
- pdfviewer.addCustomMenu(menuItems, defaultCheckBoxObj.checked, positionCheckBoxObj.checked);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/js/index.html b/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/js/index.html
deleted file mode 100644
index f6c6e9383..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/js/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/ts/index.html
deleted file mode 100644
index fc86c40f2..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/custom-context-menu/ts/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- Loading....
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.js
deleted file mode 100644
index a678bc500..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.js
+++ /dev/null
@@ -1,32 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject( ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.ts
deleted file mode 100644
index ca1b61cfb..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings, RadioButtonFieldSettings,
- CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings,PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/js/index.html
deleted file mode 100644
index e7069c6c2..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs1/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.js
deleted file mode 100644
index b10f81391..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } });
-pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.ts
deleted file mode 100644
index 7dcac50d6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/js/index.html
deleted file mode 100644
index 11b0edb5d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/systemjs.config.js
deleted file mode 100644
index e2baf1ad6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.40/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/ts/index.html
deleted file mode 100644
index 3dd7ff4d4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.css b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.js
deleted file mode 100644
index 2d469a776..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.js
+++ /dev/null
@@ -1,32 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.ts b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.ts
deleted file mode 100644
index 86767e95c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/index.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
- RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/js/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/js/index.html
deleted file mode 100644
index 9aa3357b7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs3/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.css b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.js
deleted file mode 100644
index b10f81391..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } });
-pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.ts b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.ts
deleted file mode 100644
index 7dcac50d6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/js/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/js/index.html
deleted file mode 100644
index 11b0edb5d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/systemjs.config.js
deleted file mode 100644
index e2baf1ad6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.40/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/ts/index.html
deleted file mode 100644
index 3dd7ff4d4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/deleteformfield-cs4/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs1/js/index.html
deleted file mode 100644
index 9ee8b0c13..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs1/js/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs1/ts/index.html
deleted file mode 100644
index 723122130..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs1/ts/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs2/js/index.html
deleted file mode 100644
index 303291ed5..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs2/js/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs2/ts/index.html
deleted file mode 100644
index 101d7267c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-getting-started-cs2/ts/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/js/index.html
deleted file mode 100644
index 0d6ae3c6d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/js/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/ts/index.html
deleted file mode 100644
index 8a5eddf3b..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/js/index.html
deleted file mode 100644
index 1925eb3b7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/ts/index.html
deleted file mode 100644
index 04c4ca5aa..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/js/index.html
deleted file mode 100644
index 90bc4a85a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/js/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/ts/index.html
deleted file mode 100644
index 0001782db..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/js/index.html
deleted file mode 100644
index 7f1490b7f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/ts/index.html
deleted file mode 100644
index 8b83a14d8..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/js/index.html
deleted file mode 100644
index 19f3a5b7a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/js/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/ts/index.html
deleted file mode 100644
index 385772e5e..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/js/index.html
deleted file mode 100644
index 66aa84552..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/ts/index.html
deleted file mode 100644
index a2c324275..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/js/index.html
deleted file mode 100644
index 4c82bb170..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/js/index.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/ts/index.html
deleted file mode 100644
index c6f8fcb29..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/js/index.html
deleted file mode 100644
index beb30a84c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/ts/index.html
deleted file mode 100644
index 43f919896..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/js/index.html
deleted file mode 100644
index ed3ab4c1e..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/js/index.html
+++ /dev/null
@@ -1,56 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/ts/index.html
deleted file mode 100644
index e4b4d49a3..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/ts/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/js/index.html
deleted file mode 100644
index 1b4e9b69e..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/js/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/ts/index.html
deleted file mode 100644
index 8f24abbbb..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/ts/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/js/index.html
deleted file mode 100644
index fd99b0ba4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/js/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/ts/index.html
deleted file mode 100644
index ae60e359c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/ts/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/js/index.html
deleted file mode 100644
index 081b029e7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/js/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/ts/index.html
deleted file mode 100644
index d915d697c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/ts/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/js/index.html
deleted file mode 100644
index 1b043117d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/js/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/ts/index.html
deleted file mode 100644
index 9f7451806..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/ts/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.js
deleted file mode 100644
index 6f9293315..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldAdd = function (formfieldadded) {
- console.log('form field page number: ' + formfieldadded.pageIndex);
- console.log('form field event name: ' + formfieldadded.name);
- console.log('form field data: ', formfieldadded.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.ts
deleted file mode 100644
index 740bd8788..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldAddArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldAdd = function (formfieldadded: FormFieldAddArgs) {
- console.log('form field page number: ' + formfieldadded.pageIndex);
- console.log('form field event name: ' + formfieldadded.name);
- console.log('form field data: ', formfieldadded.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldaddevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.js
deleted file mode 100644
index 6ef1b86d6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldClick = function (formfieldclick) {
- console.log('Form field event name: ' + formfieldclick.name);
- console.log('Is form field cancel: ' + formfieldclick.cancel);
- console.log('Form field data: ', formfieldclick.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.ts
deleted file mode 100644
index c41e8e134..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldClickArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldClick = function (formfieldclick: FormFieldClickArgs) {
- console.log('Form field event name: ' + formfieldclick.name);
- console.log('Is form field cancel: ' + formfieldclick.cancel);
- console.log('Form field data: ', formfieldclick.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldclickevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.js
deleted file mode 100644
index 9e0b2f8a6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldDoubleClick = function (formfielddoubleclick) {
- console.log('Form field event name: ' + formfielddoubleclick.name);
- console.log('Is form field cancel: ' + formfielddoubleclick.cancel);
- console.log('Form field data: ', formfielddoubleclick.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.ts
deleted file mode 100644
index 716227d70..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldDoubleClickArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldDoubleClick = function (formfielddoubleclick: FormFieldDoubleClickArgs) {
- console.log('Form field event name: ' + formfielddoubleclick.name);
- console.log('Is form field cancel: ' + formfielddoubleclick.cancel);
- console.log('Form field data: ', formfielddoubleclick.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfielddoubleclickevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.js
deleted file mode 100644
index 0ac4aa16a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldFocusOut = function (formfieldfocusout) {
- console.log('Form field event name: ' + formfieldfocusout.name);
- console.log('Is form field cancel: ' + formfieldfocusout.cancel);
- console.log('Form field data: ', formfieldfocusout.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.ts
deleted file mode 100644
index 40621cff3..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldFocusOutEventArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldFocusOut = function (formfieldfocusout: FormFieldFocusOutEventArgs) {
- console.log('Form field event name: ' + formfieldfocusout.name);
- console.log('Is form field cancel: ' + formfieldfocusout.cancel);
- console.log('Form field data: ', formfieldfocusout.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldfocusoutevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.js
deleted file mode 100644
index 391fd71cd..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldMouseLeave = function (formFieldMouseLeave) {
- console.log('Form field event name: ' + formFieldMouseLeave.name);
- console.log('Is form field cancel: ' + formFieldMouseLeave.cancel);
- console.log('Form field data: ', formFieldMouseLeave.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.ts
deleted file mode 100644
index 8c8632997..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldMouseLeaveArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldMouseLeave = function (formFieldMouseLeave: FormFieldMouseLeaveArgs) {
- console.log('Form field event name: ' + formFieldMouseLeave.name);
- console.log('Is form field cancel: ' + formFieldMouseLeave.cancel);
- console.log('Form field data: ', formFieldMouseLeave.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.js
deleted file mode 100644
index 7c6daa302..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldMouseover = function (formFieldMouseover) {
- console.log('form field page number: ', formFieldMouseover.pageIndex);
- console.log('form field event name: ' + formFieldMouseover.name);
- console.log('form field data: ', formFieldMouseover.field);
- console.log(' mouse over x position '+ formFieldMouseover.X + ' mouse over y position '+ formFieldMouseover.Y );
- console.log(' mouse over X position respect to the page '+ formFieldMouseover.pageX + ' mouse over Y position respect to the page '+ formFieldMouseover.pageY);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.ts
deleted file mode 100644
index 7c669aaf7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldMouseoverArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldMouseover = function (formFieldMouseover: FormFieldMouseoverArgs) {
- console.log('form field page number: ', formFieldMouseover.pageIndex);
- console.log('form field event name: ' + formFieldMouseover.name);
- console.log('form field data: ', formFieldMouseover.field);
- console.log(' mouse over x position '+ formFieldMouseover.X + ' mouse over y position '+ formFieldMouseover.Y );
- console.log(' mouse over X position respect to the page '+ formFieldMouseover.pageX + ' mouse over Y position respect to the page '+ formFieldMouseover.pageY);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmouseoverevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.js
deleted file mode 100644
index 7cdcbea0f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldMove = function (formFieldMouseMove) {
- console.log('form field page number: ', formFieldMouseMove.pageIndex);
- console.log('form field event name: ' + formFieldMouseMove.name);
- console.log('form field data: ', formFieldMouseMove.field);
- console.log('mouse current position '+ formFieldMouseMove.currentPosition);
- console.log('mouse current position '+ formFieldMouseMove.previousPosition);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.ts
deleted file mode 100644
index 3f3c4e556..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldMoveArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldMove = function (formFieldMouseMove: FormFieldMoveArgs) {
- console.log('form field page number: ', formFieldMouseMove.pageIndex);
- console.log('form field event name: ' + formFieldMouseMove.name);
- console.log('form field data: ', formFieldMouseMove.field);
- console.log('mouse current position '+ formFieldMouseMove.currentPosition);
- console.log('mouse current position '+ formFieldMouseMove.previousPosition);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldmoveevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.js
deleted file mode 100644
index 9313e5491..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.js
+++ /dev/null
@@ -1,32 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldPropertiesChange = function (formFieldPropertyChange) {
- console.log('form field page number: ', formFieldPropertyChange.pageIndex);
- console.log('form field event name: ' + formFieldPropertyChange.name);
- console.log('form field data: ', formFieldPropertyChange.field);
- console.log('Whether form field alignment changed '+ formFieldPropertyChange.isAlignmentChanged);
- console.log('Whether form field backgropund color changed '+ formFieldPropertyChange.isBackgroundColorChanged);
- console.log('Whether form field border color changed '+ formFieldPropertyChange.isBorderColorChanged);
- console.log('Whether form field border width changed '+ formFieldPropertyChange.isBorderWidthChanged);
- console.log('Whether form field color changed changed '+ formFieldPropertyChange.isColorChanged);
- console.log('Whether form field custom data changed '+ formFieldPropertyChange.isCustomDataChanged);
- console.log('Whether form field font family changed '+ formFieldPropertyChange.isFontFamilyChanged);
- console.log('Whether form field font size changed '+ formFieldPropertyChange.isFontSizeChanged);
- console.log('Whether form field font style changed '+ formFieldPropertyChange.isFontStyleChanged);
- console.log('Whether form field maximum length changed '+ formFieldPropertyChange.isMaxLengthChanged);
- console.log('Whether form field name changed '+ formFieldPropertyChange.isNameChanged);
- console.log('Whether form field readonly changed '+ formFieldPropertyChange.isReadOnlyChanged);
- console.log('Whether form field required changed '+ formFieldPropertyChange.isRequiredChanged);
- console.log('Whether form field print changed '+ formFieldPropertyChange.isPrintChanged);
- console.log('Whether form field tool tip changed '+ formFieldPropertyChange.isToolTipChanged);
- console.log('Whether form field visiblity changed '+ formFieldPropertyChange.isVisibilityChanged);
- console.log('Whether form field value changed '+ formFieldPropertyChange.isValueChanged);
- console.log('Whether form field new value changed '+ formFieldPropertyChange.newValue);
- console.log('Whether form field old valuue changed '+ formFieldPropertyChange.oldValue);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.ts
deleted file mode 100644
index 5c45862ef..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldPropertiesChangeArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldPropertiesChange = function (formFieldPropertyChange: FormFieldPropertiesChangeArgs) {
- console.log('form field page number: ', formFieldPropertyChange.pageIndex);
- console.log('form field event name: ' + formFieldPropertyChange.name);
- console.log('form field data: ', formFieldPropertyChange.field);
- console.log('Whether form field alignment changed '+ formFieldPropertyChange.isAlignmentChanged);
- console.log('Whether form field backgropund color changed '+ formFieldPropertyChange.isBackgroundColorChanged);
- console.log('Whether form field border color changed '+ formFieldPropertyChange.isBorderColorChanged);
- console.log('Whether form field border width changed '+ formFieldPropertyChange.isBorderWidthChanged);
- console.log('Whether form field color changed changed '+ formFieldPropertyChange.isColorChanged);
- console.log('Whether form field custom data changed '+ formFieldPropertyChange.isCustomDataChanged);
- console.log('Whether form field font family changed '+ formFieldPropertyChange.isFontFamilyChanged);
- console.log('Whether form field font size changed '+ formFieldPropertyChange.isFontSizeChanged);
- console.log('Whether form field font style changed '+ formFieldPropertyChange.isFontStyleChanged);
- console.log('Whether form field maximum length changed '+ formFieldPropertyChange.isMaxLengthChanged);
- console.log('Whether form field name changed '+ formFieldPropertyChange.isNameChanged);
- console.log('Whether form field readonly changed '+ formFieldPropertyChange.isReadOnlyChanged);
- console.log('Whether form field required changed '+ formFieldPropertyChange.isRequiredChanged);
- console.log('Whether form field print changed '+ formFieldPropertyChange.isPrintChanged);
- console.log('Whether form field tool tip changed '+ formFieldPropertyChange.isToolTipChanged);
- console.log('Whether form field visiblity changed '+ formFieldPropertyChange.isVisibilityChanged);
- console.log('Whether form field value changed '+ formFieldPropertyChange.isValueChanged);
- console.log('Whether form field new value changed '+ formFieldPropertyChange.newValue);
- console.log('Whether form field old valuue changed '+ formFieldPropertyChange.oldValue);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.js
deleted file mode 100644
index 79a1a53d2..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldRemove = function (formFieldRemove) {
- console.log('form field page number: ', formFieldRemove.pageIndex);
- console.log('form field event name: ' + formFieldRemove.name);
- console.log('form field data: ', formFieldRemove.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.ts
deleted file mode 100644
index 4a68f2c4d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldRemoveArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldRemove = function (formFieldRemove: FormFieldRemoveArgs) {
- console.log('form field page number: ', formFieldRemove.pageIndex);
- console.log('form field event name: ' + formFieldRemove.name);
- console.log('form field data: ', formFieldRemove.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldremoveevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.js
deleted file mode 100644
index cd1072c1d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldResize = function (formFieldResize) {
- console.log('form field page number: ', formFieldResize.pageIndex);
- console.log('form field event name: ' + formFieldResize.name);
- console.log('form field data: ', formFieldResize.field);
- console.log('form field current position: ', formFieldResize.currentPosition);
- console.log('form field previous position: ', formFieldResize.previousPosition);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.ts
deleted file mode 100644
index e4d838083..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldResizeArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldResize = function (formFieldResize: FormFieldResizeArgs) {
- console.log('form field page number: ', formFieldResize.pageIndex);
- console.log('form field event name: ' + formFieldResize.name);
- console.log('form field data: ', formFieldResize.field);
- console.log('form field current position: ', formFieldResize.currentPosition);
- console.log('form field previous position: ', formFieldResize.previousPosition);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldresizeevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.js
deleted file mode 100644
index 2d98528f0..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldSelect = function (formFieldSelect) {
- console.log('form field page number: ', formFieldSelect.pageIndex);
- console.log('form field event name: ' + formFieldSelect.name);
- console.log('form field data: ', formFieldSelect.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.ts
deleted file mode 100644
index 492fb3e4e..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldSelectArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldSelect = function (formFieldSelect: FormFieldSelectArgs) {
- console.log('form field page number: ', formFieldSelect.pageIndex);
- console.log('form field event name: ' + formFieldSelect.name);
- console.log('form field data: ', formFieldSelect.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldselectevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.js
deleted file mode 100644
index 45d4df403..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldUnselect = function (formFieldUnselect) {
- console.log('form field page number: ', formFieldUnselect.pageIndex);
- console.log('form field event name: ' + formFieldUnselect.name);
- console.log('form field data: ', formFieldUnselect.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.ts
deleted file mode 100644
index 1923697f7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/index.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, FormFieldUnselectArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.formFieldUnselect = function (formFieldUnselect: FormFieldUnselectArgs) {
- console.log('form field page number: ', formFieldUnselect.pageIndex);
- console.log('form field event name: ' + formFieldUnselect.name);
- console.log('form field data: ', formFieldUnselect.field);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldunselectevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.js
deleted file mode 100644
index 230485d05..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.js
+++ /dev/null
@@ -1,14 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.2.8/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.validateFormFields = function (validateFormField) {
- console.log('form field event name: ' + validateFormField.name);
- console.log('form field document name: ' + validateFormField.documentName);
- console.log('form field data: ', validateFormField.formField);
- console.log('non fillable form field details: ', validateFormField.nonFillableFields);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.ts
deleted file mode 100644
index 67ba263ee..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, ValidateFormFieldsArgs, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.validateFormFields = function (validateFormField: ValidateFormFieldsArgs) {
- console.log('form field event name: ' + validateFormField.name);
- console.log('form field document name: ' + validateFormField.documentName);
- console.log('form field data: ', validateFormField.formField);
- console.log('non fillable form field details: ', validateFormField.nonFillableFields);
-}
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/js/index.html
deleted file mode 100644
index 6a0f25a77..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/js/index.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/formfieldvalidationevent-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/index.ts
deleted file mode 100644
index 0db0b2cef..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/js/index.html
deleted file mode 100644
index 24ab9bf5c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/js/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/ts/index.html
deleted file mode 100644
index eac6bcbb8..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs1/ts/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/index.ts
deleted file mode 100644
index 17901c55a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
- ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl='https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib';
-pdfviewer.appendTo('#PdfViewer');
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/js/index.html
deleted file mode 100644
index 8a252e68f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/js/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/systemjs.config.js
deleted file mode 100644
index 499bfcb0b..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/ts/index.html
deleted file mode 100644
index c18cca65d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/getting-started-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/index.ts
deleted file mode 100644
index b39e6528a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Highlight');
-});
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/js/index.html
deleted file mode 100644
index 289e82a30..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/js/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/ts/index.html
deleted file mode 100644
index 399fd7e08..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/index.ts
deleted file mode 100644
index 15df7a0b6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Highlight');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/js/index.html
deleted file mode 100644
index f0c87db91..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/ts/index.html
deleted file mode 100644
index 3202a8af8..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/index.ts
deleted file mode 100644
index 6cbf06b1d..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Strikethrough');
-});
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/js/index.html
deleted file mode 100644
index a8bd7f1f7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/js/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/ts/index.html
deleted file mode 100644
index 5030d3056..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/index.ts
deleted file mode 100644
index 2e58a4c94..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/index.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Strikethrough');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/js/index.html
deleted file mode 100644
index 3da3f2fd3..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/ts/index.html
deleted file mode 100644
index 507a4cf93..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/index.ts
deleted file mode 100644
index 5ed61cc1f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Underline');
-});
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/js/index.html
deleted file mode 100644
index 3c578a561..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/js/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/ts/index.html
deleted file mode 100644
index 014f21db0..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/index.ts
deleted file mode 100644
index 60bbec4f0..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Underline');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/js/index.html
deleted file mode 100644
index 45951d865..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/js/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/ts/index.html
deleted file mode 100644
index 507f1ba34..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1/ts/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/index.ts
deleted file mode 100644
index 8f8720eb3..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('undo').addEventListener('click', ()=> {
- pdfviewer.undo();
-});
-
-document.getElementById('redo').addEventListener('click', ()=> {
- pdfviewer.redo();
-});
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/js/index.html
deleted file mode 100644
index 193df9a0f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/js/index.html
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/ts/index.html
deleted file mode 100644
index 3b64581be..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1/ts/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.js
deleted file mode 100644
index a63098c1c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-let pdfviewer: PdfViewer = new PdfViewer({
- enableToolbar: false,
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib',
-});
-pdfviewer.appendTo('#PdfViewer');
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.ts
deleted file mode 100644
index 991da0495..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
- ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- enableToolbar: false,
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/js/index.html
deleted file mode 100644
index 8a252e68f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/js/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/ts/index.html
deleted file mode 100644
index c794a1ee8..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1/ts/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.js
deleted file mode 100644
index b1259f94a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib',
- toolbarSettings: { showTooltip : true, toolbarItems: ['OpenOption']}
-});
-pdfviewer.appendTo('#PdfViewer');
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.ts
deleted file mode 100644
index ae0c8bf39..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
- ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib',
- toolbarSettings: { showTooltip : true, toolbarItems: ['OpenOption']}
-});
-pdfviewer.appendTo('#PdfViewer');
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/js/index.html
deleted file mode 100644
index 24ab9bf5c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/js/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/ts/index.html
deleted file mode 100644
index 5c1897c6e..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-cs1/ts/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.js
deleted file mode 100644
index da89f814c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.toolbar.showToolbarItem(new Array("OpenOption"),false);
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.ts
deleted file mode 100644
index d835d2eb7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.toolbar.showToolbarItem(["OpenOption"],false);
-});
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/js/index.html
deleted file mode 100644
index 8a252e68f..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/js/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/ts/index.html
deleted file mode 100644
index 39dfa4baa..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1/ts/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.js
deleted file mode 100644
index 45bca68ff..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.js
+++ /dev/null
@@ -1,6 +0,0 @@
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.ts
deleted file mode 100644
index 9e37bf974..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.toolbar.showToolbar(false);
-});
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/js/index.html
deleted file mode 100644
index 24ab9bf5c..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/js/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/ts/index.html
deleted file mode 100644
index 39dfa4baa..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/toolbar/toolbar-method-cs1/ts/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.css b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.js
deleted file mode 100644
index 96e4f06a8..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.js
+++ /dev/null
@@ -1,32 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } );
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.ts b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.ts
deleted file mode 100644
index 7acb9558e..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
- RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } as TextFieldSettings);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/js/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/js/index.html
deleted file mode 100644
index 234ea76ef..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/js/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs1/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.css b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.js
deleted file mode 100644
index 8066d9419..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } );
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } } );
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } );
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.ts b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.ts
deleted file mode 100644
index fdba8f4b5..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } as TextFieldSettings);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/js/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/js/index.html
deleted file mode 100644
index bdf6d0e93..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/systemjs.config.js
deleted file mode 100644
index e2baf1ad6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.40/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/ts/index.html
deleted file mode 100644
index 3dd7ff4d4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs2/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.css b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.js
deleted file mode 100644
index 96e4f06a8..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.js
+++ /dev/null
@@ -1,32 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 },});
- pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } );
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.ts b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.ts
deleted file mode 100644
index 754e8cfe7..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
- RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib'
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } as TextFieldSettings);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/js/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/js/index.html
deleted file mode 100644
index 234ea76ef..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/js/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/systemjs.config.js
deleted file mode 100644
index e5a3dfe8a..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/25.1.35/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/ts/index.html
deleted file mode 100644
index b52f7ca12..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs3/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.css b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.css
deleted file mode 100644
index 3e3720eea..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-#container {
- visibility: hidden;
-}
-
-#loader {
- color: #008cff;
- font-family: 'Helvetica Neue','calibiri';
- font-size: 14px;
- height: 40px;
- left: 45%;
- position: absolute;
- top: 45%;
- width: 30%;
-}
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.js
deleted file mode 100644
index 8066d9419..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
-ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } );
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } } );
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } );
-}
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.ts b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.ts
deleted file mode 100644
index fdba8f4b5..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textbox", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Textfield", bounds: { X: 300, Y: 229, Width: 150, Height: 24 } } as TextFieldSettings);
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } as TextFieldSettings);
-}
-
-
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/js/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/js/index.html
deleted file mode 100644
index bdf6d0e93..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/js/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/systemjs.config.js b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/systemjs.config.js
deleted file mode 100644
index e2baf1ad6..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/systemjs.config.js
+++ /dev/null
@@ -1,51 +0,0 @@
-System.config({
- transpiler: "typescript",
- typescriptOptions: {
- compilerOptions: {
- target: "umd",
- module: "commonjs",
- moduleResolution: "node",
- emitDecoratorMetadata: true,
- experimentalDecorators: true
- }
- },
- paths: {
- "syncfusion:": "https://cdn.syncfusion.com/ej2/23.1.40/"
- },
- map: {
- main: "index.ts",
- typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
- 'plugin-json':'https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js',
- "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
- "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
- "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
- "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
- "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
- "@syncfusion/ej2-inplace-editor": "syncfusion:ej2-inplace-editor/dist/ej2-inplace-editor.umd.min.js",
- "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
- "@syncfusion/ej2-dropdowns": "syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
- "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
- "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
- "@syncfusion/ej2-notifications": "syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
- "@syncfusion/ej2-pdfviewer": "syncfusion:ej2-pdfviewer/dist/ej2-pdfviewer.umd.min.js",
- "@syncfusion/ej2-drawings": "syncfusion:ej2-drawings/dist/ej2-drawings.umd.min.js",
- "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
- "@syncfusion/ej2-richtexteditor": "syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js",
- "@syncfusion/ej2-filemanager": "syncfusion:ej2-filemanager/dist/ej2-filemanager.umd.min.js",
- "@syncfusion/ej2-layouts": "syncfusion:ej2-layouts/dist/ej2-layouts.umd.min.js",
- "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
- "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
- "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
- "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
- "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
- "@syncfusion/ej2-pdf": "syncfusion:ej2-pdf/dist/ej2-pdf.umd.min.js"
- },
- meta: {
- '*.json': { loader: 'plugin-json' }
- }
-});
-
-System.import('index.ts').catch(console.error.bind(console)).then(function () {
- document.getElementById('loader').style.display = "none";
- document.getElementById('container').style.visibility = "visible";
-});
diff --git a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/ts/index.html b/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/ts/index.html
deleted file mode 100644
index 3dd7ff4d4..000000000
--- a/ej2-javascript/code-snippet/pdfviewer/updateformfield-cs4/ts/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
-
- Loading....
-
-
-
-
-
diff --git a/ej2-javascript/pdfviewer/how-to/add-annotation-in-text-search-js.md b/ej2-javascript/pdfviewer/how-to/add-annotation-in-text-search-js.md
deleted file mode 100644
index 3bfb92c80..000000000
--- a/ej2-javascript/pdfviewer/how-to/add-annotation-in-text-search-js.md
+++ /dev/null
@@ -1,84 +0,0 @@
----
-layout: post
-title: Add Annotation in Text Search in JavaScript PdfViewer | Syncfusion
-description: Learn how to add rectangle annotations using search text bounds in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Add Rectangle Annotations Using Search Text Bounds in PDF Viewer
-
-## Overview
-
-This guide demonstrates how to add rectangle annotations based on the bounds of highlighted search text in the PDF Viewer. This technique is useful for emphasizing search results with visual markers in annotation-supported applications.
-
-## Steps to Add Rectangle Annotations on Search Result Highlight
-
-**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample.
-
-**Step 2:** Initialize the PDF Viewer with Required Modules
-
-```js
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/28.1.33/dist/ej2-pdfviewer-lib'
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-```
-
-**Step 3:** Implement code blocks to automatically add Rectangle Annotation on Search Result Highlight
-
-Define a callback function for the `textSearchHighlight` event to add rectangle annotations
-
-```js
-// Highlight event handler for text search, which adds a rectangle annotation where the text is found
-pdfviewer.textSearchHighlight = function(args){
- console.log(args);
- var pageNumber = args.pageNumber;
- var bounds = args.bounds;
- pdfviewer.annotation.addAnnotation("Rectangle", {
- offset: {x: bounds.left, y: bounds.top},
- pageNumber: pageNumber,
- width: bounds.width,
- height: bounds.height,
- });
-}
-```
-
-**Step 3:** Add Search Controls
-
-Ensure you have the appropriate HTML buttons for text search operations
-
-```html
-
-
-
-```
-
-Use the following JavaScript to handle search controls:
-
-```js
-// Event listener for initiating a search
-document.getElementById("searchText").addEventListener("click", function() {
- pdfviewer.textSearchModule.searchText('PDF', false);
-});
-
-// Event listener for navigating to the next search result
-document.getElementById("searchNext").addEventListener("click", function() {
- pdfviewer.textSearchModule.searchNext();
-});
-
-// Event listener for canceling the current search
-document.getElementById("searchCancel").addEventListener("click", function() {
- pdfviewer.textSearchModule.cancelTextSearch();
-});
-```
-
-By following this guide, you will enable the PDF Viewer to add rectangle annotations at search result locations, thus increasing the visibility of search results in your application.
-
-[View Sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/)
diff --git a/ej2-javascript/pdfviewer/how-to/add-annotation-in-text-search-ts.md b/ej2-javascript/pdfviewer/how-to/add-annotation-in-text-search-ts.md
deleted file mode 100644
index 52e43a5c1..000000000
--- a/ej2-javascript/pdfviewer/how-to/add-annotation-in-text-search-ts.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-layout: post
-title: Add Annotation in Text Search in TypeScript PdfViewer | Syncfusion
-description: Learn how to add rectangle annotations using search text bounds in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Add Rectangle Annotations Using Search Text Bounds in PDF Viewer
-
-## Overview
-
-This guide demonstrates how to add rectangle annotations based on the bounds of highlighted search text in the PDF Viewer. This technique is useful for emphasizing search results with visual markers in annotation-supported applications.
-
-## Steps to Add Rectangle Annotations on Search Result Highlight
-
-**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample.
-
-**Step 2:** Initialize the PDF Viewer with Required Modules
-
-```ts
-import { pdf } from '@syncfusion/ej2';
-import { PdfViewer, TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields, TextSearchHighlightEventArgs, RectangleBounds, RectangleBoundsModel, RectangleSettings } from '@syncfusion/ej2-pdfviewer';
-
-// Inject required modules
-PdfViewer.Inject(TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields);
-
-const pdfviewer: PdfViewer = new PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/28.1.33/dist/ej2-pdfviewer-lib'
-});
-
-pdfviewer.appendTo('#PdfViewer');
-```
-
-**Step 3:** Implement code blocks to automatically add Rectangle Annotation on Search Result Highlight
-
-Define a callback function for the `textSearchHighlight` event to add rectangle annotations
-
-```ts
-// Highlight event handler for text search, which adds a rectangle annotation where the text is found
-pdfviewer.textSearchHighlight = function(args: TextSearchHighlightEventArgs): void {
- console.log(args);
- const pageNumber: number = args.pageNumber;
- const bounds: RectangleBoundsModel = args.bounds;
- pdfviewer.annotation.addAnnotation('Rectangle', {
- offset: { x: bounds.left, y: bounds.top },
- pageNumber: pageNumber,
- width: bounds.width,
- height: bounds.height,
- } as RectangleSettings);
-};
-
-```
-
-**Step 3:** Add Search Controls
-
-Ensure you have the appropriate HTML buttons for text search operations
-
-```html
-
-
-
-```
-
-Use the following Typescript code snippet to handle search controls:
-
-```ts
-// Add event listener to "searchText" button to trigger a search for the term 'PDF'
-const searchTextButton = document.getElementById('searchText');
-if (searchTextButton) {
- searchTextButton.addEventListener('click', function() {
- pdfviewer.textSearchModule.searchText('PDF', false);
- });
-}
-
-// Add event listener to "searchNext" button to navigate to the next search result
-const searchNextButton = document.getElementById('searchNext');
-if (searchNextButton) {
- searchNextButton.addEventListener('click', function() {
- pdfviewer.textSearch.searchNext();
- });
-}
-
-// Add event listener to "searchCancel" button to cancel the current text search operation
-const searchCancelButton = document.getElementById('searchCancel');
-if (searchCancelButton) {
- searchCancelButton.addEventListener('click', function() {
- pdfviewer.textSearch.cancelTextSearch();
- });
-}
-```
-
-By following this guide, you will enable the PDF Viewer to add rectangle annotations at search result locations, thus increasing the visibility of search results in your application.
-
-[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master/How%20to/)
diff --git a/ej2-javascript/pdfviewer/how-to/add-header-value.md b/ej2-javascript/pdfviewer/how-to/add-header-value.md
deleted file mode 100644
index e02bbd605..000000000
--- a/ej2-javascript/pdfviewer/how-to/add-header-value.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-layout: post
-title: Add header value in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Add header value in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Add header value
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Add header value in ##Platform_Name## Pdfviewer control
-
-To add header values to an AJAX request made by a Syncfusion PDF Viewer, you can use the **ajaxHeaders** property available in the [**ajaxRequestSettings**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#ajaxrequestsettings) module of the PDF Viewer. This property allows you to specify custom headers for the AJAX request.
-
-Here is an example of how you can use the **ajaxRequestSettings** property to add a custom header to an AJAX request made by the PDF Viewer:
-
-```ts
-
-viewer.ajaxRequestSettings = {
- ajaxHeaders: [
- {
- headerName: "Authorization",
-
- headerValue: "Bearer 64565dfgfdsjweiuvbiuyhiueygf"
- }
- ],
-
- withCredentials: false
-};
-
-```
-
-Find the sample [how to add custom headers in AjaxRequestSettings](https://stackblitz.com/edit/typescript-nv1way?file=index.ts)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/how-to/add-header-values.md b/ej2-javascript/pdfviewer/how-to/add-header-values.md
deleted file mode 100644
index b3eb2b048..000000000
--- a/ej2-javascript/pdfviewer/how-to/add-header-values.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-layout: post
-title: Add header values in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Add header values in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Add header values
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Add header values in ##Platform_Name## Pdfviewer control
-
-To add header values to an AJAX request made by a Syncfusion PDF Viewer, you can use the **ajaxHeaders** property available in the [**ajaxRequestSettings**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#ajaxrequestsettings) module of the PDF Viewer. This property allows you to specify custom headers for the AJAX request.
-
-Here is an example of how you can use the **ajaxRequestSettings** property to add a custom header to an AJAX request made by the PDF Viewer:
-
-```javascript
-
-viewer.ajaxRequestSettings = {
- ajaxHeaders: [
- {
- headerName: "Authorization",
-
- headerValue: "Bearer 64565dfgfdsjweiuvbiuyhiueygf"
- }
- ],
-
- withCredentials: false
-};
-
-```
-
-Find the sample [how to add custom headers in AjaxRequestSettings](https://stackblitz.com/edit/o4ywqi-zdmxuo?file=index.js)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/how-to/add-new-page-to-the-pdf-document.md b/ej2-javascript/pdfviewer/how-to/add-new-page-to-the-pdf-document.md
deleted file mode 100644
index 8634a1cba..000000000
--- a/ej2-javascript/pdfviewer/how-to/add-new-page-to-the-pdf-document.md
+++ /dev/null
@@ -1,67 +0,0 @@
----
-layout: post
-title: Add new page to the pdf document in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Add new page to the pdf document in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Add new page to the pdf document
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Add new page to the pdf document in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer library allows you to add a new page to the PDF document using the PDF library.
-
-**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample.
-
-**Step 2:** Follow the steps provided in the [link](https://ej2.syncfusion.com/documentation/pdfviewer/how-to/create-pdfviewer-service/) to create the PDF Viewer web service.
-
-**Step 3:** Add the following code sample in the PDF Viewer controller code to add a new page in the PDF document using the PDF library.
-
-```javascript
-
-[HttpPost("Load")]
-[Route("[controller]/Load")]
-//Post action for loading PDF documents.
-public IActionResult Load([FromBody] Dictionary
-
-
-
-
-```
-
-**Step 6:** Now, run the `index.html` in web browser, it will render the **Essential JS 2 PDF Viewer** component as below.
-
-
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/images/Checkbox.png b/ej2-javascript/pdfviewer/images/Checkbox.png
deleted file mode 100644
index 50d4f8ef7..000000000
Binary files a/ej2-javascript/pdfviewer/images/Checkbox.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/Dropdown.png b/ej2-javascript/pdfviewer/images/Dropdown.png
deleted file mode 100644
index 967dea1d0..000000000
Binary files a/ej2-javascript/pdfviewer/images/Dropdown.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/InitialField.png b/ej2-javascript/pdfviewer/images/InitialField.png
deleted file mode 100644
index dbeabe526..000000000
Binary files a/ej2-javascript/pdfviewer/images/InitialField.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/Listbox.png b/ej2-javascript/pdfviewer/images/Listbox.png
deleted file mode 100644
index 750126846..000000000
Binary files a/ej2-javascript/pdfviewer/images/Listbox.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/MultiSearchPopup.png b/ej2-javascript/pdfviewer/images/MultiSearchPopup.png
deleted file mode 100644
index c7e90da24..000000000
Binary files a/ej2-javascript/pdfviewer/images/MultiSearchPopup.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/Password.png b/ej2-javascript/pdfviewer/images/Password.png
deleted file mode 100644
index 09430e212..000000000
Binary files a/ej2-javascript/pdfviewer/images/Password.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/Radiobutton.png b/ej2-javascript/pdfviewer/images/Radiobutton.png
deleted file mode 100644
index 3599e0084..000000000
Binary files a/ej2-javascript/pdfviewer/images/Radiobutton.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/SearchNavigationMatchCase.png b/ej2-javascript/pdfviewer/images/SearchNavigationMatchCase.png
deleted file mode 100644
index cd1a0229a..000000000
Binary files a/ej2-javascript/pdfviewer/images/SearchNavigationMatchCase.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/SearchNavigationNoMatchCase.png b/ej2-javascript/pdfviewer/images/SearchNavigationNoMatchCase.png
deleted file mode 100644
index 6a52877f3..000000000
Binary files a/ej2-javascript/pdfviewer/images/SearchNavigationNoMatchCase.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/SearchResultFromPopup.png b/ej2-javascript/pdfviewer/images/SearchResultFromPopup.png
deleted file mode 100644
index ab754ab65..000000000
Binary files a/ej2-javascript/pdfviewer/images/SearchResultFromPopup.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/SignatureField.png b/ej2-javascript/pdfviewer/images/SignatureField.png
deleted file mode 100644
index 939ea85fc..000000000
Binary files a/ej2-javascript/pdfviewer/images/SignatureField.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/SingleSearchPopup.png b/ej2-javascript/pdfviewer/images/SingleSearchPopup.png
deleted file mode 100644
index 19a07343d..000000000
Binary files a/ej2-javascript/pdfviewer/images/SingleSearchPopup.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/Textbox.png b/ej2-javascript/pdfviewer/images/Textbox.png
deleted file mode 100644
index 13eaf454c..000000000
Binary files a/ej2-javascript/pdfviewer/images/Textbox.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add-revised.png b/ej2-javascript/pdfviewer/images/add-revised.png
deleted file mode 100644
index 0e0a24bae..000000000
Binary files a/ej2-javascript/pdfviewer/images/add-revised.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add-role.png b/ej2-javascript/pdfviewer/images/add-role.png
deleted file mode 100644
index 1f7f58fcf..000000000
Binary files a/ej2-javascript/pdfviewer/images/add-role.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add-shapes.png b/ej2-javascript/pdfviewer/images/add-shapes.png
deleted file mode 100644
index 09ab8ef22..000000000
Binary files a/ej2-javascript/pdfviewer/images/add-shapes.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add-signature.png b/ej2-javascript/pdfviewer/images/add-signature.png
deleted file mode 100644
index 3bf8fe062..000000000
Binary files a/ej2-javascript/pdfviewer/images/add-signature.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add-sticky-notes.png b/ej2-javascript/pdfviewer/images/add-sticky-notes.png
deleted file mode 100644
index d86780c44..000000000
Binary files a/ej2-javascript/pdfviewer/images/add-sticky-notes.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add-text-markup.png b/ej2-javascript/pdfviewer/images/add-text-markup.png
deleted file mode 100644
index 7a09d8d5a..000000000
Binary files a/ej2-javascript/pdfviewer/images/add-text-markup.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/add_sign.png b/ej2-javascript/pdfviewer/images/add_sign.png
deleted file mode 100644
index 1a157d31b..000000000
Binary files a/ej2-javascript/pdfviewer/images/add_sign.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/addformfield.gif b/ej2-javascript/pdfviewer/images/addformfield.gif
deleted file mode 100644
index 88f70cbb4..000000000
Binary files a/ej2-javascript/pdfviewer/images/addformfield.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/adding-signature.png b/ej2-javascript/pdfviewer/images/adding-signature.png
deleted file mode 100644
index fd92aa760..000000000
Binary files a/ej2-javascript/pdfviewer/images/adding-signature.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/after-enabling-annotation-toolbar.png b/ej2-javascript/pdfviewer/images/after-enabling-annotation-toolbar.png
deleted file mode 100644
index 2387c4035..000000000
Binary files a/ej2-javascript/pdfviewer/images/after-enabling-annotation-toolbar.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/app-registration.png b/ej2-javascript/pdfviewer/images/app-registration.png
deleted file mode 100644
index 052231b9b..000000000
Binary files a/ej2-javascript/pdfviewer/images/app-registration.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/appearanceproperties.png b/ej2-javascript/pdfviewer/images/appearanceproperties.png
deleted file mode 100644
index 14d99c667..000000000
Binary files a/ej2-javascript/pdfviewer/images/appearanceproperties.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/azure_pdfviewer.png b/ej2-javascript/pdfviewer/images/azure_pdfviewer.png
deleted file mode 100644
index e3fc61964..000000000
Binary files a/ej2-javascript/pdfviewer/images/azure_pdfviewer.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/azure_publish.png b/ej2-javascript/pdfviewer/images/azure_publish.png
deleted file mode 100644
index cc48af57b..000000000
Binary files a/ej2-javascript/pdfviewer/images/azure_publish.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/azure_target.png b/ej2-javascript/pdfviewer/images/azure_target.png
deleted file mode 100644
index 8a15cd104..000000000
Binary files a/ej2-javascript/pdfviewer/images/azure_target.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/bookmark.png b/ej2-javascript/pdfviewer/images/bookmark.png
deleted file mode 100644
index bab491c45..000000000
Binary files a/ej2-javascript/pdfviewer/images/bookmark.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_annotation.png b/ej2-javascript/pdfviewer/images/calibrate_annotation.png
deleted file mode 100644
index fa0355e5a..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_annotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_fillcolor.png b/ej2-javascript/pdfviewer/images/calibrate_fillcolor.png
deleted file mode 100644
index 69d7499cd..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_fillcolor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_lineprop.png b/ej2-javascript/pdfviewer/images/calibrate_lineprop.png
deleted file mode 100644
index 7ea04ca4e..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_lineprop.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_opacity.png b/ej2-javascript/pdfviewer/images/calibrate_opacity.png
deleted file mode 100644
index c56989c37..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_opacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_scaledialog.png b/ej2-javascript/pdfviewer/images/calibrate_scaledialog.png
deleted file mode 100644
index 3ec905674..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_scaledialog.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_scaleratio.png b/ej2-javascript/pdfviewer/images/calibrate_scaleratio.png
deleted file mode 100644
index 4cc41a352..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_scaleratio.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_stroke.png b/ej2-javascript/pdfviewer/images/calibrate_stroke.png
deleted file mode 100644
index 4381f1a82..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_stroke.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_thickness.png b/ej2-javascript/pdfviewer/images/calibrate_thickness.png
deleted file mode 100644
index 14824432f..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_thickness.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/calibrate_tool.png b/ej2-javascript/pdfviewer/images/calibrate_tool.png
deleted file mode 100644
index f60523a24..000000000
Binary files a/ej2-javascript/pdfviewer/images/calibrate_tool.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/change-property.png b/ej2-javascript/pdfviewer/images/change-property.png
deleted file mode 100644
index edb1b772d..000000000
Binary files a/ej2-javascript/pdfviewer/images/change-property.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/change_opacity.png b/ej2-javascript/pdfviewer/images/change_opacity.png
deleted file mode 100644
index 9d5ef807a..000000000
Binary files a/ej2-javascript/pdfviewer/images/change_opacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/change_stroke.png b/ej2-javascript/pdfviewer/images/change_stroke.png
deleted file mode 100644
index 39ddd96fe..000000000
Binary files a/ej2-javascript/pdfviewer/images/change_stroke.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/change_thickness.png b/ej2-javascript/pdfviewer/images/change_thickness.png
deleted file mode 100644
index 1404a8bcf..000000000
Binary files a/ej2-javascript/pdfviewer/images/change_thickness.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/client-secret.png b/ej2-javascript/pdfviewer/images/client-secret.png
deleted file mode 100644
index 4dcbae2a8..000000000
Binary files a/ej2-javascript/pdfviewer/images/client-secret.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/clipboardformfield.png b/ej2-javascript/pdfviewer/images/clipboardformfield.png
deleted file mode 100644
index e27af034d..000000000
Binary files a/ej2-javascript/pdfviewer/images/clipboardformfield.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/close-comment-panel.png b/ej2-javascript/pdfviewer/images/close-comment-panel.png
deleted file mode 100644
index 26af17938..000000000
Binary files a/ej2-javascript/pdfviewer/images/close-comment-panel.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/comment-panel.png b/ej2-javascript/pdfviewer/images/comment-panel.png
deleted file mode 100644
index 61c066ec0..000000000
Binary files a/ej2-javascript/pdfviewer/images/comment-panel.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/commentPanel.png b/ej2-javascript/pdfviewer/images/commentPanel.png
deleted file mode 100644
index 0b71294c9..000000000
Binary files a/ej2-javascript/pdfviewer/images/commentPanel.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/commentannot.png b/ej2-javascript/pdfviewer/images/commentannot.png
deleted file mode 100644
index 1d2bda964..000000000
Binary files a/ej2-javascript/pdfviewer/images/commentannot.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/commentsdelete.png b/ej2-javascript/pdfviewer/images/commentsdelete.png
deleted file mode 100644
index a1a75e045..000000000
Binary files a/ej2-javascript/pdfviewer/images/commentsdelete.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/commentsedit.png b/ej2-javascript/pdfviewer/images/commentsedit.png
deleted file mode 100644
index f38a6be5f..000000000
Binary files a/ej2-javascript/pdfviewer/images/commentsedit.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/commentstatus.png b/ej2-javascript/pdfviewer/images/commentstatus.png
deleted file mode 100644
index 5971312ca..000000000
Binary files a/ej2-javascript/pdfviewer/images/commentstatus.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/create_sign.png b/ej2-javascript/pdfviewer/images/create_sign.png
deleted file mode 100644
index b3bd4e5e2..000000000
Binary files a/ej2-javascript/pdfviewer/images/create_sign.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/customStamp.png b/ej2-javascript/pdfviewer/images/customStamp.png
deleted file mode 100644
index db7d16488..000000000
Binary files a/ej2-javascript/pdfviewer/images/customStamp.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/delete-icon.png b/ej2-javascript/pdfviewer/images/delete-icon.png
deleted file mode 100644
index 9c99dc690..000000000
Binary files a/ej2-javascript/pdfviewer/images/delete-icon.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/delete_button.png b/ej2-javascript/pdfviewer/images/delete_button.png
deleted file mode 100644
index 3642d2e50..000000000
Binary files a/ej2-javascript/pdfviewer/images/delete_button.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/download.png b/ej2-javascript/pdfviewer/images/download.png
deleted file mode 100644
index aa3660027..000000000
Binary files a/ej2-javascript/pdfviewer/images/download.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/dragformfield.gif b/ej2-javascript/pdfviewer/images/dragformfield.gif
deleted file mode 100644
index 97666468f..000000000
Binary files a/ej2-javascript/pdfviewer/images/dragformfield.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/dropdownproperties.png b/ej2-javascript/pdfviewer/images/dropdownproperties.png
deleted file mode 100644
index 9bb5dc3dd..000000000
Binary files a/ej2-javascript/pdfviewer/images/dropdownproperties.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/edit-annotation.png b/ej2-javascript/pdfviewer/images/edit-annotation.png
deleted file mode 100644
index 1b00dad78..000000000
Binary files a/ej2-javascript/pdfviewer/images/edit-annotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/editAnnotation.png b/ej2-javascript/pdfviewer/images/editAnnotation.png
deleted file mode 100644
index 9086dcb15..000000000
Binary files a/ej2-javascript/pdfviewer/images/editAnnotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/edit_color.png b/ej2-javascript/pdfviewer/images/edit_color.png
deleted file mode 100644
index 1c335dd0b..000000000
Binary files a/ej2-javascript/pdfviewer/images/edit_color.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/edit_opacity.png b/ej2-javascript/pdfviewer/images/edit_opacity.png
deleted file mode 100644
index 1c813aca2..000000000
Binary files a/ej2-javascript/pdfviewer/images/edit_opacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fillcolor.png b/ej2-javascript/pdfviewer/images/fillcolor.png
deleted file mode 100644
index d0f4f4361..000000000
Binary files a/ej2-javascript/pdfviewer/images/fillcolor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontcolor.png b/ej2-javascript/pdfviewer/images/fontcolor.png
deleted file mode 100644
index 2937b4984..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontcolor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontfamily.png b/ej2-javascript/pdfviewer/images/fontfamily.png
deleted file mode 100644
index 7be45631c..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontfamily.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontopacity.png b/ej2-javascript/pdfviewer/images/fontopacity.png
deleted file mode 100644
index 16beaca6f..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontopacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontsize.png b/ej2-javascript/pdfviewer/images/fontsize.png
deleted file mode 100644
index 9517f09b1..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontsize.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontstroke.png b/ej2-javascript/pdfviewer/images/fontstroke.png
deleted file mode 100644
index 6b40cf7d7..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontstroke.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontstyle.png b/ej2-javascript/pdfviewer/images/fontstyle.png
deleted file mode 100644
index 46a760611..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontstyle.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/fontthickness.png b/ej2-javascript/pdfviewer/images/fontthickness.png
deleted file mode 100644
index f792d0acf..000000000
Binary files a/ej2-javascript/pdfviewer/images/fontthickness.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/freetext_tool.png b/ej2-javascript/pdfviewer/images/freetext_tool.png
deleted file mode 100644
index 5ccf232e7..000000000
Binary files a/ej2-javascript/pdfviewer/images/freetext_tool.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/generalproperties.png b/ej2-javascript/pdfviewer/images/generalproperties.png
deleted file mode 100644
index e0cd4ee89..000000000
Binary files a/ej2-javascript/pdfviewer/images/generalproperties.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/highlight_button.PNG b/ej2-javascript/pdfviewer/images/highlight_button.PNG
deleted file mode 100644
index 742cf4412..000000000
Binary files a/ej2-javascript/pdfviewer/images/highlight_button.PNG and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/highlight_context.png b/ej2-javascript/pdfviewer/images/highlight_context.png
deleted file mode 100644
index 43e5f5f88..000000000
Binary files a/ej2-javascript/pdfviewer/images/highlight_context.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/import.gif b/ej2-javascript/pdfviewer/images/import.gif
deleted file mode 100644
index 54d25773a..000000000
Binary files a/ej2-javascript/pdfviewer/images/import.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/ink_annotation.png b/ej2-javascript/pdfviewer/images/ink_annotation.png
deleted file mode 100644
index 163a1130e..000000000
Binary files a/ej2-javascript/pdfviewer/images/ink_annotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/ink_opacity.png b/ej2-javascript/pdfviewer/images/ink_opacity.png
deleted file mode 100644
index 9170a26b9..000000000
Binary files a/ej2-javascript/pdfviewer/images/ink_opacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/ink_strokecolor.png b/ej2-javascript/pdfviewer/images/ink_strokecolor.png
deleted file mode 100644
index 718216c40..000000000
Binary files a/ej2-javascript/pdfviewer/images/ink_strokecolor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/ink_thickness.png b/ej2-javascript/pdfviewer/images/ink_thickness.png
deleted file mode 100644
index aabe10b5b..000000000
Binary files a/ej2-javascript/pdfviewer/images/ink_thickness.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/ink_tool.png b/ej2-javascript/pdfviewer/images/ink_tool.png
deleted file mode 100644
index 696563c0f..000000000
Binary files a/ej2-javascript/pdfviewer/images/ink_tool.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/insert-delete-copy.gif b/ej2-javascript/pdfviewer/images/insert-delete-copy.gif
deleted file mode 100644
index c617714bd..000000000
Binary files a/ej2-javascript/pdfviewer/images/insert-delete-copy.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/javascript_output.png b/ej2-javascript/pdfviewer/images/javascript_output.png
deleted file mode 100644
index 5e1654468..000000000
Binary files a/ej2-javascript/pdfviewer/images/javascript_output.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/link.png b/ej2-javascript/pdfviewer/images/link.png
deleted file mode 100644
index 6ff713700..000000000
Binary files a/ej2-javascript/pdfviewer/images/link.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/mobileToolbar.png b/ej2-javascript/pdfviewer/images/mobileToolbar.png
deleted file mode 100644
index fb6cdfe79..000000000
Binary files a/ej2-javascript/pdfviewer/images/mobileToolbar.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/more-options.png b/ej2-javascript/pdfviewer/images/more-options.png
deleted file mode 100644
index e722639bf..000000000
Binary files a/ej2-javascript/pdfviewer/images/more-options.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/navigation.png b/ej2-javascript/pdfviewer/images/navigation.png
deleted file mode 100644
index 143a0f0d4..000000000
Binary files a/ej2-javascript/pdfviewer/images/navigation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/open-comment.png b/ej2-javascript/pdfviewer/images/open-comment.png
deleted file mode 100644
index 900069fad..000000000
Binary files a/ej2-javascript/pdfviewer/images/open-comment.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/open-fillcolor.png b/ej2-javascript/pdfviewer/images/open-fillcolor.png
deleted file mode 100644
index 5eaa67806..000000000
Binary files a/ej2-javascript/pdfviewer/images/open-fillcolor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/open-ink.png b/ej2-javascript/pdfviewer/images/open-ink.png
deleted file mode 100644
index c52125247..000000000
Binary files a/ej2-javascript/pdfviewer/images/open-ink.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/open-radius.png b/ej2-javascript/pdfviewer/images/open-radius.png
deleted file mode 100644
index 0dd083a9c..000000000
Binary files a/ej2-javascript/pdfviewer/images/open-radius.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/open-stamp.png b/ej2-javascript/pdfviewer/images/open-stamp.png
deleted file mode 100644
index 74ccf1664..000000000
Binary files a/ej2-javascript/pdfviewer/images/open-stamp.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/openexistingpdf.gif b/ej2-javascript/pdfviewer/images/openexistingpdf.gif
deleted file mode 100644
index b88e0f096..000000000
Binary files a/ej2-javascript/pdfviewer/images/openexistingpdf.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/organize-page.png b/ej2-javascript/pdfviewer/images/organize-page.png
deleted file mode 100644
index b43b9d5d4..000000000
Binary files a/ej2-javascript/pdfviewer/images/organize-page.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/organizePages.png b/ej2-javascript/pdfviewer/images/organizePages.png
deleted file mode 100644
index ea648f518..000000000
Binary files a/ej2-javascript/pdfviewer/images/organizePages.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/pan.png b/ej2-javascript/pdfviewer/images/pan.png
deleted file mode 100644
index 3d5cc4ac1..000000000
Binary files a/ej2-javascript/pdfviewer/images/pan.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/pdfviewer-digitalsignature.png b/ej2-javascript/pdfviewer/images/pdfviewer-digitalsignature.png
deleted file mode 100644
index 09352bbf6..000000000
Binary files a/ej2-javascript/pdfviewer/images/pdfviewer-digitalsignature.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/print.png b/ej2-javascript/pdfviewer/images/print.png
deleted file mode 100644
index 588950330..000000000
Binary files a/ej2-javascript/pdfviewer/images/print.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/printformfield.gif b/ej2-javascript/pdfviewer/images/printformfield.gif
deleted file mode 100644
index 9365bf7fd..000000000
Binary files a/ej2-javascript/pdfviewer/images/printformfield.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/radius-annotation.png b/ej2-javascript/pdfviewer/images/radius-annotation.png
deleted file mode 100644
index 2559f6da8..000000000
Binary files a/ej2-javascript/pdfviewer/images/radius-annotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/resizeformfield.gif b/ej2-javascript/pdfviewer/images/resizeformfield.gif
deleted file mode 100644
index 06d97cf67..000000000
Binary files a/ej2-javascript/pdfviewer/images/resizeformfield.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/rotate-rearrange.gif b/ej2-javascript/pdfviewer/images/rotate-rearrange.gif
deleted file mode 100644
index 172906f96..000000000
Binary files a/ej2-javascript/pdfviewer/images/rotate-rearrange.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/saveformfield.gif b/ej2-javascript/pdfviewer/images/saveformfield.gif
deleted file mode 100644
index b254a7df4..000000000
Binary files a/ej2-javascript/pdfviewer/images/saveformfield.gif and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/search.png b/ej2-javascript/pdfviewer/images/search.png
deleted file mode 100644
index b8246ab69..000000000
Binary files a/ej2-javascript/pdfviewer/images/search.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/searchOption.png b/ej2-javascript/pdfviewer/images/searchOption.png
deleted file mode 100644
index f896cfb83..000000000
Binary files a/ej2-javascript/pdfviewer/images/searchOption.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/select-text.png b/ej2-javascript/pdfviewer/images/select-text.png
deleted file mode 100644
index b7d119b38..000000000
Binary files a/ej2-javascript/pdfviewer/images/select-text.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/select_sign.png b/ej2-javascript/pdfviewer/images/select_sign.png
deleted file mode 100644
index 800487e45..000000000
Binary files a/ej2-javascript/pdfviewer/images/select_sign.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/selectall.png b/ej2-javascript/pdfviewer/images/selectall.png
deleted file mode 100644
index efe64ff32..000000000
Binary files a/ej2-javascript/pdfviewer/images/selectall.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/selection.png b/ej2-javascript/pdfviewer/images/selection.png
deleted file mode 100644
index 901a0cd72..000000000
Binary files a/ej2-javascript/pdfviewer/images/selection.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/selectstamp_annot.png b/ej2-javascript/pdfviewer/images/selectstamp_annot.png
deleted file mode 100644
index 0ed5198e3..000000000
Binary files a/ej2-javascript/pdfviewer/images/selectstamp_annot.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_annot.png b/ej2-javascript/pdfviewer/images/shape_annot.png
deleted file mode 100644
index 9d47219c1..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_annot.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_fillColor.png b/ej2-javascript/pdfviewer/images/shape_fillColor.png
deleted file mode 100644
index 3f7a2519e..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_fillColor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_lineprty.png b/ej2-javascript/pdfviewer/images/shape_lineprty.png
deleted file mode 100644
index 765361063..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_lineprty.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_opacity.png b/ej2-javascript/pdfviewer/images/shape_opacity.png
deleted file mode 100644
index 70cf57c03..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_opacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_strokecolor.png b/ej2-javascript/pdfviewer/images/shape_strokecolor.png
deleted file mode 100644
index 366b7e763..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_strokecolor.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_thickness.png b/ej2-javascript/pdfviewer/images/shape_thickness.png
deleted file mode 100644
index 7d3545d5f..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_thickness.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/shape_toolbar.png b/ej2-javascript/pdfviewer/images/shape_toolbar.png
deleted file mode 100644
index 15aea3098..000000000
Binary files a/ej2-javascript/pdfviewer/images/shape_toolbar.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/squiggly_button.png b/ej2-javascript/pdfviewer/images/squiggly_button.png
deleted file mode 100644
index 86418c5b1..000000000
Binary files a/ej2-javascript/pdfviewer/images/squiggly_button.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/squiggly_context.png b/ej2-javascript/pdfviewer/images/squiggly_context.png
deleted file mode 100644
index 97377da1d..000000000
Binary files a/ej2-javascript/pdfviewer/images/squiggly_context.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/stamp_annot.png b/ej2-javascript/pdfviewer/images/stamp_annot.png
deleted file mode 100644
index 36a359b1b..000000000
Binary files a/ej2-javascript/pdfviewer/images/stamp_annot.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/stamp_tool.png b/ej2-javascript/pdfviewer/images/stamp_tool.png
deleted file mode 100644
index 7282f4436..000000000
Binary files a/ej2-javascript/pdfviewer/images/stamp_tool.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/sticky-notes-in-page.png b/ej2-javascript/pdfviewer/images/sticky-notes-in-page.png
deleted file mode 100644
index 3a96cc714..000000000
Binary files a/ej2-javascript/pdfviewer/images/sticky-notes-in-page.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/sticky_editbtn.png b/ej2-javascript/pdfviewer/images/sticky_editbtn.png
deleted file mode 100644
index f917a35c4..000000000
Binary files a/ej2-javascript/pdfviewer/images/sticky_editbtn.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/sticky_opacity.png b/ej2-javascript/pdfviewer/images/sticky_opacity.png
deleted file mode 100644
index 2a60b7b0c..000000000
Binary files a/ej2-javascript/pdfviewer/images/sticky_opacity.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/stickycomment.png b/ej2-javascript/pdfviewer/images/stickycomment.png
deleted file mode 100644
index d87c4306d..000000000
Binary files a/ej2-javascript/pdfviewer/images/stickycomment.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/stickynotes_annotation.png b/ej2-javascript/pdfviewer/images/stickynotes_annotation.png
deleted file mode 100644
index e25e7035a..000000000
Binary files a/ej2-javascript/pdfviewer/images/stickynotes_annotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/stickynotes_comment.png b/ej2-javascript/pdfviewer/images/stickynotes_comment.png
deleted file mode 100644
index 76b288752..000000000
Binary files a/ej2-javascript/pdfviewer/images/stickynotes_comment.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/stickynotes_tool.png b/ej2-javascript/pdfviewer/images/stickynotes_tool.png
deleted file mode 100644
index ad91b673b..000000000
Binary files a/ej2-javascript/pdfviewer/images/stickynotes_tool.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/storage-account.png b/ej2-javascript/pdfviewer/images/storage-account.png
deleted file mode 100644
index fe240b165..000000000
Binary files a/ej2-javascript/pdfviewer/images/storage-account.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/strikethrough_button.png b/ej2-javascript/pdfviewer/images/strikethrough_button.png
deleted file mode 100644
index c416e49cd..000000000
Binary files a/ej2-javascript/pdfviewer/images/strikethrough_button.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/strikethrough_context.png b/ej2-javascript/pdfviewer/images/strikethrough_context.png
deleted file mode 100644
index 0bcea7b82..000000000
Binary files a/ej2-javascript/pdfviewer/images/strikethrough_context.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/text_markup_annotation.png b/ej2-javascript/pdfviewer/images/text_markup_annotation.png
deleted file mode 100644
index a0684a628..000000000
Binary files a/ej2-javascript/pdfviewer/images/text_markup_annotation.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/textalign.png b/ej2-javascript/pdfviewer/images/textalign.png
deleted file mode 100644
index 07826f3a3..000000000
Binary files a/ej2-javascript/pdfviewer/images/textalign.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/thumbnail.png b/ej2-javascript/pdfviewer/images/thumbnail.png
deleted file mode 100644
index 99c63d926..000000000
Binary files a/ej2-javascript/pdfviewer/images/thumbnail.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/toc.png b/ej2-javascript/pdfviewer/images/toc.png
deleted file mode 100644
index 617e1ea9d..000000000
Binary files a/ej2-javascript/pdfviewer/images/toc.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/toolbar.png b/ej2-javascript/pdfviewer/images/toolbar.png
deleted file mode 100644
index e899e9678..000000000
Binary files a/ej2-javascript/pdfviewer/images/toolbar.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/underline_button.png b/ej2-javascript/pdfviewer/images/underline_button.png
deleted file mode 100644
index a93d3b86f..000000000
Binary files a/ej2-javascript/pdfviewer/images/underline_button.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/underline_context.png b/ej2-javascript/pdfviewer/images/underline_context.png
deleted file mode 100644
index 2aab9892e..000000000
Binary files a/ej2-javascript/pdfviewer/images/underline_context.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/undo-redo.png b/ej2-javascript/pdfviewer/images/undo-redo.png
deleted file mode 100644
index 3ead9ff13..000000000
Binary files a/ej2-javascript/pdfviewer/images/undo-redo.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/upload-pdf.png b/ej2-javascript/pdfviewer/images/upload-pdf.png
deleted file mode 100644
index d49aaabfb..000000000
Binary files a/ej2-javascript/pdfviewer/images/upload-pdf.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/zoom.png b/ej2-javascript/pdfviewer/images/zoom.png
deleted file mode 100644
index 41a222105..000000000
Binary files a/ej2-javascript/pdfviewer/images/zoom.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/images/zoomOrganize.png b/ej2-javascript/pdfviewer/images/zoomOrganize.png
deleted file mode 100644
index e55f6058b..000000000
Binary files a/ej2-javascript/pdfviewer/images/zoomOrganize.png and /dev/null differ
diff --git a/ej2-javascript/pdfviewer/js/accessibility.md b/ej2-javascript/pdfviewer/js/accessibility.md
deleted file mode 100644
index 15556ce5b..000000000
--- a/ej2-javascript/pdfviewer/js/accessibility.md
+++ /dev/null
@@ -1,292 +0,0 @@
----
-layout: post
-title: Accessibility in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about accessibility in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Accessibility in Syncfusion PDF Viewer components
-
-The PDF Viewer component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
-
-The accessibility compliance for the PDF Viewer component is outlined below.
-
-| Accessibility Criteria | Compatibility |
-| -- | -- |
-| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) |
-
- 
|
-| [Section 508 Support](../common/accessibility#accessibility-standards) | |
-| [Screen Reader Support](../common/accessibility#screen-reader-support) | |
-| [Right-To-Left Support](../common/accessibility#right-to-left-support) | |
-| [Color Contrast](../common/accessibility#color-contrast) | |
-| [Mobile Device Support](../common/accessibility#mobile-device-support) | 
|
-| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | |
-| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | |
-| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | |
-
-
- - All features of the component meet the requirement. - Some features of the component do not meet the requirement.
- The component does not meet the requirement.
-
-
-
-
-
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-Each `keyboardCommand` object consists of a name property, specifying the `name` of the `custom command`, and a `gesture property`, defining the key gesture associated with the command.
-
-For example, the first command named `customCopy` is associated with the **G** key and requires both the **Shift** and **Alt** modifier keys to be pressed simultaneously.
-
-Additionally, there's an explanation of the key modifiers used in the gestures:
-
-* Ctrl corresponds to the Control key, represented by the value `1`.
-* Alt corresponds to the Alt key, represented by the value `2`.
-* Shift corresponds to the Shift key, represented by the value `4`.
-* Meta corresponds to the Command key on macOS or the Windows key on Windows, represented by the value `8`.
-
-This setup allows users to perform custom actions within the PDF viewer by pressing specific key combinations, enhancing the user experience and providing more efficient navigation and interaction options.
-
-## Ensuring accessibility
-
-The PDF Viewer component's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing.
-
-The accessibility compliance of the PDF Viewer component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/pdf-viewer.html) in a new window to evaluate the accessibility of the PDF Viewer component with accessibility tools.
-
-{% previewsample "https://ej2.syncfusion.com/accessibility/pdf-viewer.html" %}
-
-## See also
-
-* [Accessibility in Syncfusion EJ2 JavaScript components](../common/accessibility)
diff --git a/ej2-javascript/pdfviewer/js/annotations/comments.md b/ej2-javascript/pdfviewer/js/annotations/comments.md
deleted file mode 100644
index f0c7d0395..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/comments.md
+++ /dev/null
@@ -1,166 +0,0 @@
----
-layout: post
-title: Comments in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Comments in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Comments in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control provides options to add, edit, and delete the comments to the following annotation in the PDF documents:
-
-* Shape annotation
-* Stamp annotation
-* Sticky note annotation
-* Measurement annotation
-* Text markup annotation
-* Free text annotation
-* Ink annotation
-
-
-
-## Adding a comment to the annotation
-
-Annotation comment, comment replies, and status can be added to the PDF document using the comment panel.
-
-### Comment panel
-
-Annotation comments can be added to the PDF using the comment panel. The comment panel can be opened in the following ways:
-
-1. Using the annotation menu
-
- * Click the Edit Annotation button in the PDF Viewer toolbar. A toolbar appears below it.
- * Click the Comment Panel button. A comment panel will appear.
-
-2. Using Context menu
-
- * Select annotation in the PDF document and right-click it.
- * Select the comment option in the context menu that appears.
-
-3. Using the Mouse click
-
- * Select annotation in the PDF document and double click it, a comment panel will appear.
-
-If the comment panel is already in the open state, you can select the annotations and add annotation comments using the comment panel.
-
-### Adding comments
-
-* Select annotation in the PDF document and click it.
-* The selected annotation comment container is highlighted in the comment panel.
-* Now, you can add comment and comment replies using the comment panel.
-
-
-
-### Adding Comment Replies
-
-* The PDF Viewer control provides an option to add multiple replies to the comment.
-* After adding the annotation comment, you can add a reply to the comment.
-
-### Adding Comment or Reply Status
-
-* Select the Annotation Comments in the comment panel.
-* Click the more options button showing in the Comments or reply container.
-* Select the Set Status option in the context menu that appears.
-* Select the status of the annotation comment in the context menu that appears.
-
-
-
-### Editing the comments and comments replies of the annotations
-
-The comment, comment replies, and status of the annotation can be edited using the comment panel.
-
-### Editing the Comment or Comment Replies
-
-The annotation comment and comment replies can be edited in the following ways:
-
-1. Using the Context menu
-
- * Select the Annotation Comments in the comment panel.
- * Click the More options button showing in the Comments or reply container.
- * Select the Edit option in the context menu that appears.
- * Now, an editable text box appears. You can change the content of the annotation comment or comment reply.
-
-2. Using the Mouse Click
-
- * Select the annotation comments in the comment panel.
- * Double click the comment or comment reply content.
- * Now, an editable text box appears. You can change the content of the annotation comment or comment reply.
-
-### Editing Comment or Reply Status
-
-* Select the Annotation Comments in the comment panel.
-* Click the more options button showing in the Comments or reply container.
-* Select the Set Status option in the context menu that appears.
-* Select the status of the annotation comment in the context menu that appears.
-* Status ‘None’ is the default state. If the status is set to ‘None,’ the comments or reply does not appear.
-
-
-
-### Delete Comment or Comment Replies
-
-* Select the Annotation Comments in the comment panel.
-* Click the more options button shown in the Comments or reply container.
-* Select the Delete option in the context menu that appears.
-
-
-
->The annotation will be deleted on deleting the comment using comment panel.
-
-## How to check the comments added by the user
-
-The comments added to the PDF document can be viewed by using the [comments](https://helpej2.syncfusion.com/documentation/api/pdfviewer/commentEventArgs/) property of the annotation.
-
-Refer to the following code to check the comments added in the PDF document using a button click event.
-
-```html
-
-```
-
-{% tabs %}
-{% highlight html tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib";
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-```typescript
-//Method to check the comments added in the PDF document.
-document.getElementById('checkComments').addEventListener('click', function () {
- var annotationCollections = pdfviewer.annotationCollection;
- for (var x = 0; x < annotationCollections.length; x++) {
- //Prints the annotation id in the console window.
- console.log("annotation Id : " +annotationCollections[x].annotationId);
- var comments = annotationCollections[x].comments;
- for (var y = 0; y < comments.length; y++) {
- var comment = comments[y];
- //Prints the PDF document's comments in the console window.
- console.log("comment" + "[" + y + "] :" + comment.note);
- }
- var note = annotationCollections[x].note;
- console.log("note : " + note);
- }
-});
-
-```
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/annotations/free-text-annotation.md b/ej2-javascript/pdfviewer/js/annotations/free-text-annotation.md
deleted file mode 100644
index 219b2d0e0..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/free-text-annotation.md
+++ /dev/null
@@ -1,299 +0,0 @@
----
-layout: post
-title: Free text annotation in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Free text annotation in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Free text annotation in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control provides the options to add, edit, and delete the free text annotations.
-
-## Adding a free text annotation to the PDF document
-
-The Free text annotations can be added to the PDF document using the annotation toolbar.
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Select the **Free Text Annotation** button in the annotation toolbar. It enables the Free Text annotation mode.
-* You can add the text over the pages of the PDF document.
-
-In the pan mode, if the free text annotation mode is entered, the PDF Viewer control will switch to text select mode.
-
-
-
-Refer to the following code sample to switch to the Free Text annotation mode using a button click.
-
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib"
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addFreeTextAnnotationButton = document.getElementById('addFreeTextAnnotation');
-if (addFreeTextAnnotationButton) {
- addFreeTextAnnotationButton.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("FreeText");
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let addFreeTextAnnotationButton = document.getElementById('addFreeTextAnnotation');
-if (addFreeTextAnnotationButton) {
- addFreeTextAnnotationButton.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("FreeText");
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding a free text annotation programatically to the PDF document
-
-The PDF Viewer library allows you to add the free text annotation in the PDF Viewer control programmatically using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here is an example of how you can use the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#addannotation) method to move the free text annotation programmatically:
-
-```html
-
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib"
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addFreeTextAnnotation = document.getElementById('addFreeTextAnnotation');
-if (addFreeTextAnnotation) {
- addFreeTextAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("FreeText", {
- offset: { x: 120, y: 80 },
- fontSize: 16,
- fontFamily: "Helvetica",
- pageNumber: 1,
- width: 200,
- height: 40,
- isLock: false,
- defaultText: "Syncfusion"
- } );
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let addFreeTextAnnotation = document.getElementById('addFreeTextAnnotation');
-if (addFreeTextAnnotation) {
- addFreeTextAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("FreeText", {
- offset: { x: 120, y: 80 },
- fontSize: 16,
- fontFamily: "Helvetica",
- pageNumber: 1,
- width: 200,
- height: 40,
- isLock: false,
- defaultText: "Syncfusion"
- } );
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Change the content of an existing Free text annotation programmatically
-
-To change the content of an existing free text annotation in the Syncfusion PDF viewer programmatically, you can use the **editAnnotation()** method.
-
-Here is an example of how you can use the **editAnnotation()** method to change the content of a free text annotation:
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib"
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let changeContent = document.getElementById('changeContent');
-if (changeContent) {
- changeContent.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === 'Text Box') {
- pdfviewer.annotationCollection[i].dynamicText = 'syncfusion';
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let changeContent = document.getElementById('changeContent');
-if (changeContent) {
- changeContent.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === 'Text Box') {
- pdfviewer.annotationCollection[i].dynamicText = 'syncfusion';
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-N> Please note that the current version of the PDF Viewer does not offer the functionality to edit existing text within a PDF document. However, you can add new free text annotations and modify existing free text annotations within the document.
-
-## Editing the properties of free text annotation
-
-The font family, font size, font styles, font color, text alignment, fill color, the border stroke color, border thickness, and opacity of the free text annotation can be edited using the Font Family tool, Font Size tool, Font Color tool, Text Align tool, Font Style tool Edit Color tool, Edit Stroke Color tool, Edit Thickness tool, and Edit Opacity tool in the annotation toolbar.
-
-### Editing font family
-
-The font family of the annotation can be edited by selecting the desired font in the Font Family tool.
-
-
-
-### Editing font size
-
-The font size of the annotation can be edited by selecting the desired size in the Font Size tool.
-
-
-
-### Editing font color
-
-The font color of the annotation can be edited using the color palette provided in the Font Color tool.
-
-
-
-### Editing the text alignment
-
-The text in the annotation can be aligned by selecting the desired styles in the drop-down pop-up in the Text Align tool.
-
-
-
-### Editing text styles
-
-The style of the text in the annotation can be edited by selecting the desired styles in the drop-down pop-up in the Font Style tool.
-
-
-
-### Editing fill color
-
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
-
-
-
-### Editing stroke color
-
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
-
-
-
-### Editing thickness
-
-The border thickness of the annotation can be edited using the range slider provided in the Edit Thickness tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-## Setting default properties during control initialization
-
-The properties of the free text annotation can be set before creating the control using the FreeTextSettings.
-
-After editing the default values, they will be changed to the selected values. Refer to the following code sample to set the default free text annotation settings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- freeTextSettings : { fillColor: 'green', borderColor: 'blue', fontColor: 'yellow' }
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- freeTextSettings : { fillColor: 'green', borderColor: 'blue', fontColor: 'yellow' }
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
diff --git a/ej2-javascript/pdfviewer/js/annotations/ink-annotation.md b/ej2-javascript/pdfviewer/js/annotations/ink-annotation.md
deleted file mode 100644
index eafee4580..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/ink-annotation.md
+++ /dev/null
@@ -1,271 +0,0 @@
----
-layout: post
-title: Ink annotation in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Ink annotation in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Ink annotation in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control provides the options to add, edit, and delete the ink annotations.
-
-
-
-## Adding an ink annotation to the PDF document
-
-The ink annotations can be added to the PDF document using the annotation toolbar.
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Select the **Draw Ink** button in the annotation toolbar. It enables the ink annotation mode.
-* You can draw anything over the pages of the PDF document.
-
-
-
-Refer to the following code sample to switch to the ink annotation mode.
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addInkAnnotation = document.getElementById('addInkAnnotation');
-if (addInkAnnotation) {
- addInkAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("Ink");
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addInkAnnotation = document.getElementById('addInkAnnotation');
-if (addInkAnnotation) {
- addInkAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("Ink");
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding a Ink annotation programatically to the PDF document
-
-The PDF Viewer library allows you to add the Ink annotation in the PDF Viewer control programmatically using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
-
-Here is an example of how you can use the **addAnnotation()** method to move the Ink annotation programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addInkAnnotation = document.getElementById('addInkAnnotation');
-if (addInkAnnotation) {
- addInkAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Ink", {
- offset: { x: 150, y: 100 },
- pageNumber: 1,
- width : 200,
- height:60,
- path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":250.83334350585938,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":257.5,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":926.6667175292969},{\"command\":\"L\",\"x\":259.5,\"y\":924.0000305175781},{\"command\":\"L\",\"x\":259.5,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":258.16668701171875,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.16668701171875,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":253.5,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":925.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":927.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":253.5,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":260.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":264.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":274.16668701171875,\"y\":958.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":281.5,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":285.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":967.3333435058594},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":282.8333740234375,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":266.16668701171875,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":259.5,\"y\":993.3333435058594},{\"command\":\"L\",\"x\":252.16668701171875,\"y\":994.0000305175781},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":228.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":246.16668701171875,\"y\":972.0000305175781},{\"command\":\"L\",\"x\":257.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":262.8333435058594,\"y\":976.0000305175781},{\"command\":\"L\",\"x\":269.5,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":276.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":279.5,\"y\":978.0000305175781},{\"command\":\"L\",\"x\":285.5,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":288.16668701171875,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":293.5,\"y\":966.6667175292969},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":291.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":292.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":295.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":297.5,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":298.8333740234375,\"y\":970.6667175292969},{\"command\":\"L\",\"x\":301.5,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":304.16668701171875,\"y\":968.6667175292969},{\"command\":\"L\",\"x\":305.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":308.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":310.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":311.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":312.8333740234375,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":968.0000305175781},{\"command\":\"L\",\"x\":317.5,\"y\":972.6667175292969},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":986.0000305175781},{\"command\":\"L\",\"x\":319.5,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.8333740234375,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":987.3333435058594},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":985.3333435058594},{\"command\":\"L\",\"x\":314.16668701171875,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":320.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":321.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":322.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":322.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":326.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":328.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":328.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":329.5,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.6667175292969},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":331.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":332.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":333.5,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":334.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":335.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":336.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":337.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":338.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":340.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":341.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":342.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":344.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":346.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":349.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":350.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":351.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":355.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":356.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":358.16668701171875,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":360.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":364.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":370.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":932.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":375.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":378.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":380.8333740234375,\"y\":981.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":383.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":387.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":392.8333740234375,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":385.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":382.8333740234375,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":963.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":384.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":387.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":389.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":390.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":390.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":393.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":396.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":398.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":947.3333435058594},{\"command\":\"L\",\"x\":401.5,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":402.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":403.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":404.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":406.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":407.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":410.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":412.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.0000305175781},{\"command\":\"L\",\"x\":415.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":418.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":420.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":423.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":423.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":421.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":422.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":424.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":425.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":428.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":429.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":430.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":432.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":434.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":437.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":440.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":441.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":442.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":443.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":444.16668701171875,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":447.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":450.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":453.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":452.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":450.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":448.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":447.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":445.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.8333740234375,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":454.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":456.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":459.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":460.8333740234375,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":461.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":462.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":464.16668701171875,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":465.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":466.16668701171875,\"y\":932.6667175292969},{\"command\":\"L\",\"x\":467.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":469.5,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":470.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":474.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":475.5,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":478.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":481.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":484.8333740234375,\"y\":934.0000305175781},{\"command\":\"L\",\"x\":488.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":489.5,\"y\":928.0000305175781}]'
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addInkAnnotation = document.getElementById('addInkAnnotation');
-if (addInkAnnotation) {
- addInkAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Ink", {
- offset: { x: 150, y: 100 },
- pageNumber: 1,
- width : 200,
- height:60,
- path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":250.83334350585938,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":257.5,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":926.6667175292969},{\"command\":\"L\",\"x\":259.5,\"y\":924.0000305175781},{\"command\":\"L\",\"x\":259.5,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":258.16668701171875,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.16668701171875,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":253.5,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":925.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":927.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":253.5,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":260.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":264.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":274.16668701171875,\"y\":958.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":281.5,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":285.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":967.3333435058594},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":282.8333740234375,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":266.16668701171875,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":259.5,\"y\":993.3333435058594},{\"command\":\"L\",\"x\":252.16668701171875,\"y\":994.0000305175781},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":228.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":246.16668701171875,\"y\":972.0000305175781},{\"command\":\"L\",\"x\":257.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":262.8333435058594,\"y\":976.0000305175781},{\"command\":\"L\",\"x\":269.5,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":276.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":279.5,\"y\":978.0000305175781},{\"command\":\"L\",\"x\":285.5,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":288.16668701171875,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":293.5,\"y\":966.6667175292969},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":291.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":292.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":295.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":297.5,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":298.8333740234375,\"y\":970.6667175292969},{\"command\":\"L\",\"x\":301.5,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":304.16668701171875,\"y\":968.6667175292969},{\"command\":\"L\",\"x\":305.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":308.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":310.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":311.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":312.8333740234375,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":968.0000305175781},{\"command\":\"L\",\"x\":317.5,\"y\":972.6667175292969},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":986.0000305175781},{\"command\":\"L\",\"x\":319.5,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.8333740234375,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":987.3333435058594},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":985.3333435058594},{\"command\":\"L\",\"x\":314.16668701171875,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":320.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":321.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":322.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":322.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":326.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":328.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":328.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":329.5,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.6667175292969},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":331.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":332.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":333.5,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":334.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":335.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":336.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":337.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":338.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":340.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":341.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":342.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":344.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":346.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":349.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":350.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":351.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":355.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":356.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":358.16668701171875,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":360.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":364.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":370.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":932.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":375.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":378.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":380.8333740234375,\"y\":981.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":383.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":387.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":392.8333740234375,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":385.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":382.8333740234375,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":963.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":384.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":387.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":389.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":390.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":390.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":393.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":396.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":398.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":947.3333435058594},{\"command\":\"L\",\"x\":401.5,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":402.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":403.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":404.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":406.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":407.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":410.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":412.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.0000305175781},{\"command\":\"L\",\"x\":415.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":418.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":420.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":423.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":423.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":421.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":422.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":424.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":425.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":428.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":429.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":430.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":432.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":434.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":437.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":440.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":441.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":442.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":443.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":444.16668701171875,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":447.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":450.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":453.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":452.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":450.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":448.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":447.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":445.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.8333740234375,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":454.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":456.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":459.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":460.8333740234375,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":461.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":462.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":464.16668701171875,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":465.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":466.16668701171875,\"y\":932.6667175292969},{\"command\":\"L\",\"x\":467.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":469.5,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":470.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":474.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":475.5,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":478.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":481.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":484.8333740234375,\"y\":934.0000305175781},{\"command\":\"L\",\"x\":488.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":489.5,\"y\":928.0000305175781}]'
- });
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Edit the existing Ink annotation programmatically
-
-To modify existing Ink annotation in the Syncfusion PDF viewer programmatically, you can use the **editAnnotation()** method.
-
-Here is an example of how you can use the **editAnnotation()** method:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let editInkAnnotation = document.getElementById('editInkAnnotation');
-if (editInkAnnotation) {
- editInkAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].shapeAnnotationType === "Ink") {
- var width = pdfviewer.annotationCollection[i].bounds.width;
- var height = pdfviewer.annotationCollection[i].bounds.height;
- pdfviewer.annotationCollection[i].bounds = { x: 100, y: 100, width: width, height: height };
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let editInkAnnotation = document.getElementById('editInkAnnotation');
-if (editInkAnnotation) {
- editInkAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].shapeAnnotationType === "Ink") {
- var width = pdfviewer.annotationCollection[i].bounds.width;
- var height = pdfviewer.annotationCollection[i].bounds.height;
- pdfviewer.annotationCollection[i].bounds = { x: 100, y: 100, width: width, height: height };
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Editing the properties of the ink annotation
-
-The stroke color, thickness, and opacity of the ink annotation can be edited using the Edit stroke color tool, Edit thickness tool, and Edit opacity tool in the annotation toolbar.
-
-### Editing stroke color
-
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
-
-
-
-### Editing thickness
-
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit Thickness tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-## Setting default properties during the control initialization
-
-The properties of the ink annotation can be set before creating the control using the InkAnnotationSettings.
-
-After editing the default values, they will be changed to the selected values.
-Refer to the following code sample to set the default ink annotation settings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-pdfviewer.inkAnnotationSettings = {author: 'Syncfusion', strokeColor: 'green', thickness: 3, opacity: 0.6};
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.inkAnnotationSettings = {author: 'Syncfusion', strokeColor: 'green', thickness: 3, opacity: 0.6};
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/annotations/measurement-annotation.md b/ej2-javascript/pdfviewer/js/annotations/measurement-annotation.md
deleted file mode 100644
index 8c7e1cb7b..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/measurement-annotation.md
+++ /dev/null
@@ -1,582 +0,0 @@
----
-layout: post
-title: Measurement annotation in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Measurement annotation in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Measurement annotation in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer provides the options to add measurement annotations. You can measure the page annotations with the help of measurement annotation. The supported measurement annotations in the PDF Viewer control are:
-
-* Distance
-* Perimeter
-* Area
-* Radius
-* Volume
-
-
-
-## Adding measurement annotations to the PDF document
-
-The measurement annotations can be added to the PDF document using the annotation toolbar.
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Click the **Measurement Annotation** dropdown button. A dropdown pop-up will appear and shows the measurement annotations to be added.
-* Select the measurement type to be added to the page in the dropdown pop-up. It enables the selected measurement annotation mode.
-* You can measure and add the annotation over the pages of the PDF document.
-
-In the pan mode, if the measurement annotation mode is entered, the PDF Viewer control will switch to text select mode.
-
- 
-
-Refer to the following code snippet to switch to distance annotation mode.
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let distanceMode = document.getElementById('distanceMode');
-if (distanceMode) {
- distanceMode.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("Distance");
- }
- });
-}
-
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let distanceMode = document.getElementById('distanceMode');
-if (distanceMode) {
- distanceMode.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("Distance");
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding a measurement annotation to the PDF document Programmatically
-
-With the PDF Viewer library, you can add a measurement annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's a example of how you can utilize the **addAnnotation()** method to include a measurement annotation programmatically:
-
-```html
-
-
-
-
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addDistanceAnnotation = document.getElementById('addDistanceAnnotation');
-if (addDistanceAnnotation) {
- addDistanceAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Distance", {
- offset: { x: 200, y: 230 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 230 }, { x: 350, y: 230 }]
- });
- }
- });
-}
-
-let addPerimeterAnnotation = document.getElementById('addPerimeterAnnotation');
-if (addPerimeterAnnotation) {
- addPerimeterAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Perimeter", {
- offset: { x: 200, y: 350 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 350 }, { x: 285, y: 350 }, { x: 286, y: 412 }]
- });
- }
- });
-}
-
-let addAreaAnnotation = document.getElementById('addAreaAnnotation');
-if (addAreaAnnotation) {
- addAreaAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Area", {
- offset: { x: 200, y: 500 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 500 }, { x: 288, y: 499 }, { x: 289, y: 553 }, { x: 200, y: 500 }]
- });
- }
- });
-}
-
-let addRadiusAnnotation = document.getElementById('addRadiusAnnotation');
-if (addRadiusAnnotation) {
- addRadiusAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Radius", {
- offset: { x: 200, y: 630 },
- pageNumber: 1,
- width: 90,
- height: 90
- });
- }
- });
-}
-
-let addVolumeAnnotation = document.getElementById('addVolumeAnnotation');
-if (addVolumeAnnotation) {
- addVolumeAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Volume", {
- offset: { x: 200, y: 810 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 810 }, { x: 200, y: 919 }, { x: 320, y: 919 }, { x: 320, y: 809 }, { x: 200, y: 810 }]
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addDistanceAnnotation = document.getElementById('addDistanceAnnotation');
-if (addDistanceAnnotation) {
- addDistanceAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Distance", {
- offset: { x: 200, y: 230 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 230 }, { x: 350, y: 230 }]
- });
- }
- });
-}
-
-let addPerimeterAnnotation = document.getElementById('addPerimeterAnnotation');
-if (addPerimeterAnnotation) {
- addPerimeterAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Perimeter", {
- offset: { x: 200, y: 350 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 350 }, { x: 285, y: 350 }, { x: 286, y: 412 }]
- });
- }
- });
-}
-
-let addAreaAnnotation = document.getElementById('addAreaAnnotation');
-if (addAreaAnnotation) {
- addAreaAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Area", {
- offset: { x: 200, y: 500 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 500 }, { x: 288, y: 499 }, { x: 289, y: 553 }, { x: 200, y: 500 }]
- });
- }
- });
-}
-
-let addRadiusAnnotation = document.getElementById('addRadiusAnnotation');
-if (addRadiusAnnotation) {
- addRadiusAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Radius", {
- offset: { x: 200, y: 630 },
- pageNumber: 1,
- width: 90,
- height: 90
- });
- }
- });
-}
-
-let addVolumeAnnotation = document.getElementById('addVolumeAnnotation');
-if (addVolumeAnnotation) {
- addVolumeAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Volume", {
- offset: { x: 200, y: 810 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 810 }, { x: 200, y: 919 }, { x: 320, y: 919 }, { x: 320, y: 809 }, { x: 200, y: 810 }]
- });
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Edit the existing measurement annotation programmatically
-
-To modify existing measurement annotation in the Syncfusion PDF viewer programmatically, you can use the **editAnnotation()** method.
-
-Here is an example of how you can use the **editAnnotation()** method:
-
-```html
-
-
-
-
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let editDistanceAnnotation = document.getElementById('editDistanceAnnotation');
-if (editDistanceAnnotation) {
- editDistanceAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Distance calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editPerimeterAnnotation = document.getElementById('editPerimeterAnnotation');
-if (editPerimeterAnnotation) {
- editPerimeterAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Perimeter calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editAreaAnnotation = document.getElementById('editAreaAnnotation');
-if (editAreaAnnotation) {
- editAreaAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Area calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editRadiusAnnotation = document.getElementById('editRadiusAnnotation');
-if (editRadiusAnnotation) {
- editRadiusAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Radius calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editVolumeAnnotation = document.getElementById('editVolumeAnnotation');
-if (editVolumeAnnotation) {
- editVolumeAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Volume calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let editDistanceAnnotation = document.getElementById('editDistanceAnnotation');
-if (editDistanceAnnotation) {
- editDistanceAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Distance calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editPerimeterAnnotation = document.getElementById('editPerimeterAnnotation');
-if (editPerimeterAnnotation) {
- editPerimeterAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Perimeter calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editAreaAnnotation = document.getElementById('editAreaAnnotation');
-if (editAreaAnnotation) {
- editAreaAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Area calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editRadiusAnnotation = document.getElementById('editRadiusAnnotation');
-if (editRadiusAnnotation) {
- editRadiusAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Radius calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editVolumeAnnotation = document.getElementById('editVolumeAnnotation');
-if (editVolumeAnnotation) {
- editVolumeAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Volume calculation") {
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Editing the properties of measurement annotation
-
-The fill color, stroke color, thickness, and opacity of the measurement annotation can be edited using the Edit Color tool, Edit Stroke Color tool, Edit Thickness tool, and Edit Opacity tool in the annotation toolbar.
-
-### Editing fill color
-
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
-
-
-
-### Editing stroke color
-
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
-
-
-
-### Editing thickness
-
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit thickness tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-### Editing the line properties
-
-The properties of the line shapes such as distance and perimeter annotations can be edited using the Line properties window. It can be opened by selecting the Properties option in the context menu that appears on right-clicking the distance and perimeter annotations.
-
-
-
-## Setting default properties during control initialization
-
-The properties of the shape annotations can be set before creating the control using distanceSettings, perimeterSettings, areaSettings, radiusSettings and volumeSettings.
-
-Refer to the following code snippet to set the default annotation settings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- distanceSettings : {fillColor: 'blue', opacity: 0.6, strokeColor: 'green'},
- perimeterSettings : {fillColor: 'green', opacity: 0.6, strokeColor: 'blue'},
- areaSettings :{fillColor: 'yellow', opacity: 0.6, strokeColor: 'orange'},
- radiusSettings : {fillColor: 'orange', opacity: 0.6, strokeColor: 'pink'},
- volumeSettings : {fillColor: 'pink', opacity: 0.6, strokeColor: 'yellow'},
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- distanceSettings : {fillColor: 'blue', opacity: 0.6, strokeColor: 'green'},
- perimeterSettings : {fillColor: 'green', opacity: 0.6, strokeColor: 'blue'},
- areaSettings :{fillColor: 'yellow', opacity: 0.6, strokeColor: 'orange'},
- radiusSettings : {fillColor: 'orange', opacity: 0.6, strokeColor: 'pink'},
- volumeSettings : {fillColor: 'pink', opacity: 0.6, strokeColor: 'yellow'},
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-## Editing scale ratio and unit of the measurement annotation
-
-The scale ratio and unit of measurement can be modified using the scale ratio option provided in the context menu of the PDF Viewer control.
-
- 
-
-The Units of measurements support for the measurement annotations in the PDF Viewer are
-
-* Inch
-* Millimeter
-* Centimeter
-* Point
-* Pica
-* Feet
-
-
-
-## Setting default scale ratio settings during control initialization
-
-The properties of scale ratio for measurement annotation can be set before creating the control using ScaleRatioSettings as shown in the following code snippet,
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- measurementSettings = {scaleRatio: 2, conversionUnit: 'cm', displayUnit: 'cm'},
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- measurementSettings = {scaleRatio: 2, conversionUnit: 'cm', displayUnit: 'cm'},
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
diff --git a/ej2-javascript/pdfviewer/js/annotations/shape-annotation.md b/ej2-javascript/pdfviewer/js/annotations/shape-annotation.md
deleted file mode 100644
index 4898eaa8b..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/shape-annotation.md
+++ /dev/null
@@ -1,535 +0,0 @@
----
-layout: post
-title: Shape annotation in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Shape annotation in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Shape annotation in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control provides the options to add, edit, and delete the shape annotations. The shape annotation types supported in the PDF Viewer control are:
-
-* Line
-* Arrow
-* Rectangle
-* Circle
-* Polygon
-
-
-
-## Adding a shape annotation to the PDF document
-
-Shape annotations can be added to the PDF document using the annotation toolbar.
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Click the **Shape Annotation** drop-down button. A drop-down pop-up will appear and shows the shape annotations to be added.
-* Select the shape types to be added to the page in the drop-down pop-up. It enables the selected shape annotation mode.
-* You can add the shapes over the pages of the PDF document.
-
-N> While you're in the pan mode, for navigating through the document, and you click on the shape annotation button to add the shape annotation , the PDF Viewer control will smoothly transition to text select mode. This seamless transition ensures a fluid experience when switching between different interaction modes within the PDF Viewer interface.
-
-
-
-Refer to the following code sample to switch to the circle annotation mode.
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib"
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let circleAnnotationButton = document.getElementById('circleAnnotationButton');
-if (circleAnnotationButton) {
- circleAnnotationButton.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("Circle");
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let circleAnnotationButton = document.getElementById('circleAnnotationButton');
-if (circleAnnotationButton) {
- circleAnnotationButton.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode("Circle");
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding a Shape annotation to the PDF document Programmatically
-
-With the PDF Viewer library, you can add a Shape annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's a example of how you can utilize the **addAnnotation()** method to include a Shape annotation programmatically:
-
-```html
-
-
-
-
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addLineAnnotation = document.getElementById('addLineAnnotation');
-if (addLineAnnotation) {
- addLineAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Line", {
- offset: { x: 200, y: 230 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 230 }, { x: 350, y: 230 }]
- });
- }
- });
-}
-
-let addArrowAnnotation = document.getElementById('addArrowAnnotation');
-if (addArrowAnnotation) {
- addArrowAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Arrow", {
- offset: { x: 200, y: 370 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 370 }, { x: 350, y: 370 }]
- });
- }
- });
-}
-
-let addRectangleAnnotation = document.getElementById('addRectangleAnnotation');
-if (addRectangleAnnotation) {
- addRectangleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Rectangle", {
- offset: { x: 200, y: 480 },
- pageNumber: 1,
- width: 150,
- height: 75
- });
- }
- });
-}
-
-let addCircleAnnotation = document.getElementById('addCircleAnnotation');
-if (addCircleAnnotation) {
- addCircleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Circle", {
- offset: { x: 200, y: 620 },
- pageNumber: 1,
- width: 90,
- height: 90
- });
- }
- });
-}
-
-let addPolygonAnnotation = document.getElementById('addPolygonAnnotation');
-if (addPolygonAnnotation) {
- addPolygonAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Polygon", {
- offset: { x: 200, y: 800 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 800 }, { x: 242, y: 771 }, { x: 289, y: 799 }, { x: 278, y: 842 }, { x: 211, y: 842 }, { x: 200, y: 800 }]
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addLineAnnotation = document.getElementById('addLineAnnotation');
-if (addLineAnnotation) {
- addLineAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Line", {
- offset: { x: 200, y: 230 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 230 }, { x: 350, y: 230 }]
- });
- }
- });
-}
-
-let addArrowAnnotation = document.getElementById('addArrowAnnotation');
-if (addArrowAnnotation) {
- addArrowAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Arrow", {
- offset: { x: 200, y: 370 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 370 }, { x: 350, y: 370 }]
- });
- }
- });
-}
-
-let addRectangleAnnotation = document.getElementById('addRectangleAnnotation');
-if (addRectangleAnnotation) {
- addRectangleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Rectangle", {
- offset: { x: 200, y: 480 },
- pageNumber: 1,
- width: 150,
- height: 75
- });
- }
- });
-}
-
-let addCircleAnnotation = document.getElementById('addCircleAnnotation');
-if (addCircleAnnotation) {
- addCircleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Circle", {
- offset: { x: 200, y: 620 },
- pageNumber: 1,
- width: 90,
- height: 90
- });
- }
- });
-}
-
-let addPolygonAnnotation = document.getElementById('addPolygonAnnotation');
-if (addPolygonAnnotation) {
- addPolygonAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Polygon", {
- offset: { x: 200, y: 800 },
- pageNumber: 1,
- vertexPoints: [{ x: 200, y: 800 }, { x: 242, y: 771 }, { x: 289, y: 799 }, { x: 278, y: 842 }, { x: 211, y: 842 }, { x: 200, y: 800 }]
- });
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Edit the existing shape annotation programmatically
-
-To modify existing shape annotation in the Syncfusion PDF viewer programmatically, you can use the **editAnnotation()** method.
-
-Here is an example of how you can use the **editAnnotation()** method:
-
-```html
-
-
-
-
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let editLineAnnotation = document.getElementById('editLineAnnotation');
-if (editLineAnnotation) {
- editLineAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Line") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editArrowAnnotation = document.getElementById('editArrowAnnotation');
-if (editArrowAnnotation) {
- editArrowAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Arrow") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editRectangleAnnotation = document.getElementById('editRectangleAnnotation');
-if (editRectangleAnnotation) {
- editRectangleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Rectangle") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editCircleAnnotation = document.getElementById('editCircleAnnotation');
-if (editCircleAnnotation) {
- editCircleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Circle") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editPolygonAnnotation = document.getElementById('editPolygonAnnotation');
-if (editPolygonAnnotation) {
- editPolygonAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Polygon") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let editLineAnnotation = document.getElementById('editLineAnnotation');
-if (editLineAnnotation) {
- editLineAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Line") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editArrowAnnotation = document.getElementById('editArrowAnnotation');
-if (editArrowAnnotation) {
- editArrowAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Arrow") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editRectangleAnnotation = document.getElementById('editRectangleAnnotation');
-if (editRectangleAnnotation) {
- editRectangleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Rectangle") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editCircleAnnotation = document.getElementById('editCircleAnnotation');
-if (editCircleAnnotation) {
- editCircleAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Circle") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-let editPolygonAnnotation = document.getElementById('editPolygonAnnotation');
-if (editPolygonAnnotation) {
- editPolygonAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].subject === "Polygon") {
- pdfviewer.annotationCollection[i].strokeColor = "#0000FF";
- pdfviewer.annotationCollection[i].thickness = 2;
- pdfviewer.annotationCollection[i].fillColor = "#FFFF00";
- pdfviewer.annotationCollection[i].annotationSelectorSettings.resizerShape = "Circle"
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Editing the properties of the shape annotation
-
-The fill color, stroke color, thickness, and opacity of the shape annotation can be edited using the Edit color tool, Edit stroke color tool, Edit thickness tool, and Edit opacity tool in the annotation toolbar.
-
-### Editing fill color
-
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
-
-
-
-### Editing stroke color
-
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
-
-
-
-### Editing thickness
-
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit Thickness tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-### Editing the line properties
-
-The properties of the line shapes such as line and arrow annotations can be edited using the Line Properties window. It can be opened by selecting the Properties option in the context menu that appears on right-clicking the line and arrow annotations.
-
-Refer to the following code sample to set the default annotation settings.
-
-
-
-## Setting default properties during the control initialization
-
-The properties of the shape annotations can be set before creating the control using LineSettings, ArrowSettings, RectangleSettings, CircleSettings, and PolygonSettings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- lineSettings : {fillColor: 'blue', opacity: 0.6, strokeColor: 'green'},
- arrowSettings : {fillColor: 'green', opacity: 0.6, strokeColor: 'blue'},
- rectangleSettings : {fillColor: 'yellow', opacity: 0.6, strokeColor: 'orange'},
- circleSettings : {fillColor: 'orange', opacity: 0.6, strokeColor: 'pink'},
- polygonSettings : {fillColor: 'pink', opacity: 0.6, strokeColor: 'yellow'}
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- lineSettings : {fillColor: 'blue', opacity: 0.6, strokeColor: 'green'},
- arrowSettings : {fillColor: 'green', opacity: 0.6, strokeColor: 'blue'},
- rectangleSettings : {fillColor: 'yellow', opacity: 0.6, strokeColor: 'orange'},
- circleSettings : {fillColor: 'orange', opacity: 0.6, strokeColor: 'pink'},
- polygonSettings : {fillColor: 'pink', opacity: 0.6, strokeColor: 'yellow'}
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/annotations/signature-annotation.md b/ej2-javascript/pdfviewer/js/annotations/signature-annotation.md
deleted file mode 100644
index f1aead3cb..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/signature-annotation.md
+++ /dev/null
@@ -1,257 +0,0 @@
----
-layout: post
-title: Handwritten signature in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Handwritten signature in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Handwritten signature ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control supports adding handwritten signatures to a PDF document. The handwritten signature reduces the paper work of reviewing the content and verifies it digitally.
-
-## Adding a handwritten signature to the PDF document
-
-The handwritten signature can be added to the PDF document using the annotation toolbar.
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Select the **HandWritten Signature** button in the annotation toolbar. The signature panel will appear.
-
-
-
-* Draw the signature in the signature panel.
-
-
-
-* Then click **Create** button and move the signature using the mouse and place them in the desired location.
-
-
-
-Refer to the following code sample to switch to the handwritten signature mode programmatically.
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let handWrittenSignature = document.getElementById('handWrittenSignature');
-if (handWrittenSignature) {
- handWrittenSignature.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.setAnnotationMode('HandWrittenSignature');
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let handWrittenSignature = document.getElementById('handWrittenSignature');
-if (handWrittenSignature) {
- handWrittenSignature.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.setAnnotationMode('HandWrittenSignature');
- }
- });
-}
-{% endhighlight %}
-{% endtabs %}
-
-
-## How to enable the handwritten signature
-
-The following code snippet describes how to enable the handwritten signature in PDF Viewer. When the value is set to `false` it disables the handwritten signature.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- enableHandwrittenSignature : false,
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- enableHandwrittenSignature : false
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding Handwritten signature programatically to the PDF document
-
-With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
-
-Here is an example of how you can use the **addAnnotation()** method to add the Handwritten signature programmatically
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/27.1.48/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let addHandwrittenSignature = document.getElementById('addHandwrittenSignature');
-if(addHandwrittenSignature){
- addHandwrittenSignature.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("HandWrittenSignature", {
- offset: { x: 220, y: 180 },
- pageNumber: 1,
- width: 150,
- height: 60,
- signatureItem: ['Signature'],
- signatureDialogSettings: {
- displayMode: ej.pdfviewer.DisplayMode.Draw
- },
- canSave: true,
- path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":250.83334350585938,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":257.5,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":926.6667175292969},{\"command\":\"L\",\"x\":259.5,\"y\":924.0000305175781},{\"command\":\"L\",\"x\":259.5,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":258.16668701171875,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.16668701171875,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":253.5,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":925.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":927.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":253.5,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":260.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":264.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":274.16668701171875,\"y\":958.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":281.5,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":285.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":967.3333435058594},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":282.8333740234375,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":266.16668701171875,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":259.5,\"y\":993.3333435058594},{\"command\":\"L\",\"x\":252.16668701171875,\"y\":994.0000305175781},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":228.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":246.16668701171875,\"y\":972.0000305175781},{\"command\":\"L\",\"x\":257.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":262.8333435058594,\"y\":976.0000305175781},{\"command\":\"L\",\"x\":269.5,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":276.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":279.5,\"y\":978.0000305175781},{\"command\":\"L\",\"x\":285.5,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":288.16668701171875,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":293.5,\"y\":966.6667175292969},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":291.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":292.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":295.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":297.5,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":298.8333740234375,\"y\":970.6667175292969},{\"command\":\"L\",\"x\":301.5,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":304.16668701171875,\"y\":968.6667175292969},{\"command\":\"L\",\"x\":305.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":308.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":310.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":311.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":312.8333740234375,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":968.0000305175781},{\"command\":\"L\",\"x\":317.5,\"y\":972.6667175292969},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":986.0000305175781},{\"command\":\"L\",\"x\":319.5,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.8333740234375,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":987.3333435058594},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":985.3333435058594},{\"command\":\"L\",\"x\":314.16668701171875,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":320.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":321.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":322.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":322.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":326.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":328.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":328.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":329.5,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.6667175292969},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":331.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":332.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":333.5,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":334.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":335.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":336.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":337.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":338.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":340.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":341.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":342.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":344.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":346.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":349.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":350.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":351.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":355.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":356.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":358.16668701171875,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":360.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":364.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":370.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":932.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":375.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":378.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":380.8333740234375,\"y\":981.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":383.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":387.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":392.8333740234375,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":385.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":382.8333740234375,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":963.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":384.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":387.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":389.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":390.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":390.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":393.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":396.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":398.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":947.3333435058594},{\"command\":\"L\",\"x\":401.5,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":402.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":403.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":404.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":406.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":407.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":410.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":412.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.0000305175781},{\"command\":\"L\",\"x\":415.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":418.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":420.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":423.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":423.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":421.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":422.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":424.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":425.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":428.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":429.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":430.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":432.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":434.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":437.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":440.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":441.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":442.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":443.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":444.16668701171875,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":447.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":450.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":453.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":452.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":450.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":448.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":447.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":445.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.8333740234375,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":454.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":456.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":459.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":460.8333740234375,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":461.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":462.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":464.16668701171875,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":465.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":466.16668701171875,\"y\":932.6667175292969},{\"command\":\"L\",\"x\":467.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":469.5,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":470.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":474.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":475.5,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":478.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":481.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":484.8333740234375,\"y\":934.0000305175781},{\"command\":\"L\",\"x\":488.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":489.5,\"y\":928.0000305175781}]'
- });
- pdfviewer.annotation.addAnnotation("HandWrittenSignature", {
- offset: { x: 200, y: 310 },
- pageNumber: 1,
- width: 200,
- height: 65,
- signatureItem: ['Signature'],
- signatureDialogSettings: {
- displayMode: ej.pdfviewer.DisplayMode.Text, hideSaveSignature: false
- },
- canSave: false,
- path: 'Syncfusion',
- fontFamily: "Helvetica",
- });
- pdfviewer.annotation.addAnnotation("Initial", {
- offset: { x: 200, y: 500 },
- pageNumber: 1,
- width: 200,
- height: 80,
- signatureItem: ['Initial'],
- initialDialogSettings: {
- displayMode: ej.pdfviewer.DisplayMode.Upload, hideSaveSignature: false
- },
- canSave: true,
- path: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIIAqwMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYBAwQHAv/EAEEQAAEDAwIEAwYDBAYLAAAAAAECAwQABREGIRIxQVETYXEHFCIygZEVQmIjUnKCJCUzU6HRFhc1c5KisbKzwvD/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcaUpQKUpQKUpQKUpQKUpQKVzXGdFtsN2ZPfbYjNJ4nHHDgJFfEK5Q5ttbuUaQhcNxvxUPcklPfflQdlYJxURpe/salthuMNpxEYvuNtKc28VKVcPGB2JB577Vyz7pNuUxy26eWlCml8Mu4OI4kR/0oB2Wvp2T17EJK43qDbloakOqL7m6I7TanHVjOMhCQTjzxgVut89i4Mqdj8Y4VlC0OIKFIUOYKTuOn0INRZZtWkrVLuDpIIHHJlPK4nX1dOJR5kk4A5DYDArVoWbHuVgTPjvF5Ul5xx5zhIBc4jkJyBlI+UHqE0FjpSlApSlApSlApSlApSlApSlApSlArClAczgVmqr7QZLptkezxHi1KvD4ihxKsFprBU6v6IB+pFBTdUKf1uUuFa0WpyUIVoYBx706chchXdKEhZSPLNXXVTsOw6NdjNxkvJS0iLEidHnDhLaPME4z5ZzVHk6kTHu1vTpyE1Jf8L3Oww1ZDaGc4XJXjklXDhP6UlWd63ybrL1rq1mNa1hLcAKEeQgcTbbvyuScHnw5KGweZJPIVRYoDT6okfSlnfWhmCwlu43FGAUKxu2j9atyT+UHvirZBixLZBaiQ2kR4zCMIQnZKRWuz2yLZ7czBgo4GWh13KidypR6qJJJPevOvaFqCXqC4HSGmzxlxQbmvJJAPXwwe2M8R9R3FQc1xde9qOqEW+C44jTFuVxPvtnHvCvI+e4HYZPavV4sdmLGajxmktMtJCENpGAkDkBUbpixRNO2dm3Q0/Cj4lrPNazzUf/uWKlkkEZByKDNKUoFKUoFKUoFKUoFKwahZ2p7dFfMZhTs+ZnHu0FHirB/VjZHqogUE3WOIYzUApzUlwBKUxLOwQCFL/bv467DCEn6qr5i6btk5ht+ZOlXlCxlLkiTxtr8whGG8fy0HdK1FZorymHbjH8dPNlC+NY/lTk1XNTe0m12SCXBFnrkOpX7uh6ItkKUBzPGEnhzjcA1bokKLAZS1BjMx20jAQy2EjHoK85i6PuOovaFNv+pWPDt8J/ggMKUCXktq+BX8HNXmT2G9HLF1trSyW2GrUFgbluT3eCIRIS26tS/iSjwgCcDl35Z3qBlSb/edVcN58e4tojKafiW2MfDQpRBXF8X5UnZPGsq5ZAr0TV2j52oL9Anx7wqCxHYWypLbeXAFH4lNqz8KiNs8x0qy2e1QrNbmYFuZDUdkYSkHOT1JPUk7k0HhsG6u3SHPeisLFwnucE95hOPdmc8DUNhR/OrCR5Ak9NvX9F6cRp20IZIR706AX1I5DA2Qn9KRsPvzJqGmXG0N6pfk3KTEhW2ykBsLKUh2Y4nKlY6lKCAOuVmuafry5T5rFs0vaHQ5JSVIm3FBaQhvq7wfNwjurAPnQZ9pms1WtlVmtDqRcnxwrdK+ERknqT0Vj7DftUN7OA1BilywWx65TnU8PjOAtMsJJzlbhBypXMhPFgADbrF6B0sNSagkzrk+5cbTDeUQ5IHwy3T+bHbYE/y9yK9sabQ02lDSAhCRhKUjAAoIaFaZ8gh++zg8vIKYsUFphB+/Ev8AmONuVTYGBgcqzSoFKUoFKUoFKUoFcV4mOW+2yJbEN6Y40gqTHYGVuHsK7awRmg8rd/1gameJn2n8Ptv5YQn+78f+8cSFLI57AJ8/Oy2eyalhxkRo79htEVI2YgQ1uEH+JSgD68NW/FQ2r7yqxWCTNZR4knZqM1/ePLPChP3IoKRc4l91FqJ3TkfUst2Aygfiz7TDTaEA8mkEAnjPXfAH2NohaPehR2Y8bVF9QwygNttJMcJSkDAAAZru0hY02CyMxFK8SWv9rMfPN55W6lE9d9vQCpughmrLNZVxI1Fc19kupYUn/wAYP+NdQVMjD+khEhsfM40nhUPMp3z9D9K76xQRN/uNxjWj3qwW9F0krKfDa8YISUn83F25VVocf2kXdR/EJlrskZQxiM14ryR5ZJA9c/SrHo973m2SFjPhCfKSzn9wPLCceXbyxUpPmRrdDemTHUMx2UFbjizgJAoPGrbpyJBRPvEi53STfhc34MRCVMrckLSvCT8aFEEjBUQdhUlfbHcrcItuYvc+VqbUBDcpf7PgDSfnJPBxBCQcDBGcnlUn7Om4kly+aonhbPBPkeGiRsIqCEqUcHkSMZ9K5bRqqMbjJ1E5FkTrndFe72m2sAF1MVBI4iD8iVKyoqO2w7VRbrJpRdkt7MGDe56GGhgJ8Njn1P8AZ9fPNd5gXNKQEXt0q7uRmz/0AqFja29znGFq2EmxuqaLzDrkhK2XUj5gF7YUNvhqsX+66nvtqlarsrsmDa7aUvQIqQULuCUqHiLdGPk4c8I686g9BMK8/lu7IxyzCB/9q4bpJkWeP7xd9TQojGeHjdipRk9hlW5/yrF21raoEGM/HcM+TMSDEhwyFuv55YA5DfcnYVx2fTD9wm/jeskMS7goYYhY42IKeyQeajtlR68tqCUjtXWVHakQL/FejupC23PcwsLSeoKVgEVsLWomsFMm1yAM5C2HGir6hSsfY1B6ILViuV50utSWkRpHvNvQTgGO6OLCe/CviB7bVMXjVMC2vCG0VTrk4MtQIeHHleZHJCf1KwKDTcNSqskB2XqSCYjTQ3fYcDzSj0SOSgSdhlP1r50FqherbM5cVQVQwmQtkNlfFxBON8/XB8wa4JNsfUzJ1Jq/wXFQWnH4tvbPEzFCUk8RyPjd2+bkOQ7nHs0iSLRY7dBkKUoy4gnYV8yHFEFxPoCtOPU+VBdaUpQKUpQKqF4H4xry027YxrYyq4yB3cPwND/vV9BVvNVTRf8ATrhqC9KIUJU4x2T2aZHAB/xcZ+tBa6UpQKr+r7lIjRWrdaz/AFrcleBF2z4W3xOq8kDf1wOtSV5ukSz216fOc4GGhk4GSo9EpHVROwHU1DaWtst2S9qG+N8Nzlp4WWSc+6R85S0P1dVHqfSgm7Rb2bTbItvjcXhR2g2kqOVKx1J6k8zVbfP+leoSxkGx2h7LxztJlD8h6FCOZ/VjtXdq25ymWY9ptSv61uSi2yr+4Rj43T5JHLzIrRfHIujtCy/dthFiqQyD8zrqhgZ7qUo/40FJsbL2q7W/YYchUdqdMlXC5SEDJQhbq/CbHTKuEEj90edXfRWi4Gk4yvAUqTMdADsp35ikckj91I7Vn2e6bTpnTUaG5hUtweLJcHVw9PQch6VZ6Dhudot12aQ1dIEWa2hXEhEllLgSe4Cga7OBPBwYHDjGMbYr6pQRNp03ZrM669arVChuu/OphkJJ8tunlUt0pSgjLxYLVew2LtAYleEctqcT8SPRXMfevq0WO12VtTdpgRoiVHKy02AVnuo8z9akaUEBr2O9L0beI8dtx1xyMpIQ2kqUodQANycZrk07JVeLyq4R2HmrZCiiJFW62UF9SilS1AHfhHAgA7b8XlVqIzWMb0GaUpQKUpQc9wkCJAkyVcmWlOH6AmoL2bsqZ0LZi4SXHowfcUeZU58ZP3VUpqNlcjT1zYaGVuRHUJA6koIFcuiZDcnR9lea+RcFkgdvgG1BN1omS48GM7JluoZYaSVuOLOEpSOZJrXdLjEtUF2bcJLceM0MrccOAP8AP0qqR4czWk1qfd2HItgZWFxLe6MLlKHJ14dE9kH1NBttDEjVVzYvtxaUza4547ZCdThSz0kLHQ4+UdAc86tcmQzDjOyJLiW2WUFxxxWwSkDJJ+lbQAOVVPU6vx29xdLsqPgBKZdzIG3ghWEtE9CtX/Kk0GzSTDlwekamnNlL08BMNCs5ZijdAweRVniPqB0qsarce1XrezWlghVsiTCp3B/tFtDicPok8CP4lq7VedSzXYFr8OBwpmyVCPEyPhStQPxEfupAKj5JNVz2eW9t2RIvLJWqGlsQbetXN1pCsuPerjmVZ6gCqLyBis0pUClKUClKUClKUClKUClKUClKUGCMjFVNqw36yeOxpmbb/wAPdcU43GntLPuqlHJCFJO6ckkJI2zzq20oKtE0iZE5q46mnKu8to8TLSmwiMwe6G99/wBSiTVoGwrNcV4uUez2yTcJiiGY7ZWrAyT2AHUk7D1oMXq6R7PapNxlk+FHQVkAZKj0SB1JOAPWozRtqfhW5ybcf9qXJz3qZk54FEbNg9kDCfoT1qGi++alvEGJdGwlq2hE+e0FApTKVu0we4Qk8R7nhNXkcqCs6q0zK1DcIWbkqNbW23ESmWk4ceCsZAV+UEAgnngnvViix2okZqPHbS2y0kIbQkYCUjYAVtpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKouv7mwi7W2HJBdZiJNxXHSd5DoUER2gOpU4rI/gq9VxO2i3PXRu6OwmFz2m/DbkKQCtKck4B+p+9BxaTtblqtQEvhM+UtUqatO4U8vdW/YbJHkkVNVgDFZoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoP//Z"
- });
- }
- });
-}
-
-{% endhighlight %}
-
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let addHandwrittenSignature = document.getElementById('addHandwrittenSignature');
-if(addHandwrittenSignature){
- addHandwrittenSignature.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Initial", {
- offset: { x: 220, y: 180 },
- pageNumber: 1,
- width: 150,
- height: 60,
- signatureItem: ['Initial'],
- initialDialogSettings: {
- displayMode: ej.pdfviewer.DisplayMode.Draw
- },
- canSave: true,
- path: '[{\"command\":\"M\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":244.83334350585938,\"y\":982.0000305175781},{\"command\":\"L\",\"x\":250.83334350585938,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":257.5,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":926.6667175292969},{\"command\":\"L\",\"x\":259.5,\"y\":924.0000305175781},{\"command\":\"L\",\"x\":259.5,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":258.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":258.16668701171875,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.8333435058594,\"y\":922.0000305175781},{\"command\":\"L\",\"x\":256.16668701171875,\"y\":922.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":254.16668701171875,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":253.5,\"y\":923.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":925.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":927.3333435058594},{\"command\":\"L\",\"x\":252.83334350585938,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":253.5,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":254.83334350585938,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":260.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":264.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":274.16668701171875,\"y\":958.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":281.5,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":285.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":967.3333435058594},{\"command\":\"L\",\"x\":286.8333740234375,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":282.8333740234375,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":278.16668701171875,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":266.16668701171875,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":259.5,\"y\":993.3333435058594},{\"command\":\"L\",\"x\":252.16668701171875,\"y\":994.0000305175781},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":991.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":228.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":228.83334350585938,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":230.16668701171875,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":236.16668701171875,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":240.83334350585938,\"y\":971.3333435058594},{\"command\":\"L\",\"x\":246.16668701171875,\"y\":972.0000305175781},{\"command\":\"L\",\"x\":257.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":262.8333435058594,\"y\":976.0000305175781},{\"command\":\"L\",\"x\":269.5,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":276.16668701171875,\"y\":978.6667175292969},{\"command\":\"L\",\"x\":279.5,\"y\":978.0000305175781},{\"command\":\"L\",\"x\":285.5,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":288.16668701171875,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":293.5,\"y\":966.6667175292969},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":293.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":291.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":291.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":292.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":292.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":294.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":295.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":297.5,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":298.8333740234375,\"y\":970.6667175292969},{\"command\":\"L\",\"x\":301.5,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":304.16668701171875,\"y\":968.6667175292969},{\"command\":\"L\",\"x\":305.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":308.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":310.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":310.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":311.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":312.8333740234375,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":968.0000305175781},{\"command\":\"L\",\"x\":317.5,\"y\":972.6667175292969},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":983.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":986.0000305175781},{\"command\":\"L\",\"x\":319.5,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.8333740234375,\"y\":988.0000305175781},{\"command\":\"L\",\"x\":318.16668701171875,\"y\":988.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":987.3333435058594},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":985.3333435058594},{\"command\":\"L\",\"x\":314.16668701171875,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":314.8333740234375,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":316.16668701171875,\"y\":969.3333435058594},{\"command\":\"L\",\"x\":319.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":320.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":321.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":322.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":322.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":324.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":326.8333740234375,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":328.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":328.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":329.5,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.6667175292969},{\"command\":\"L\",\"x\":330.16668701171875,\"y\":962.0000305175781},{\"command\":\"L\",\"x\":330.8333740234375,\"y\":960.0000305175781},{\"command\":\"L\",\"x\":331.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":332.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":333.5,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":334.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":335.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":336.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":337.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":338.8333740234375,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":340.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":341.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":342.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":344.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":346.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":349.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":350.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":351.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":352.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":354.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":354.16668701171875,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":355.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":356.16668701171875,\"y\":957.3333435058594},{\"command\":\"L\",\"x\":358.16668701171875,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":360.16668701171875,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":364.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":370.8333740234375,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":931.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":376.16668701171875,\"y\":930.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":932.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":375.5,\"y\":966.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":974.6667175292969},{\"command\":\"L\",\"x\":378.16668701171875,\"y\":977.3333435058594},{\"command\":\"L\",\"x\":380.8333740234375,\"y\":981.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":383.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":387.5,\"y\":982.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":980.6667175292969},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":976.6667175292969},{\"command\":\"L\",\"x\":392.8333740234375,\"y\":973.3333435058594},{\"command\":\"L\",\"x\":392.16668701171875,\"y\":970.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":385.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":382.8333740234375,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":377.5,\"y\":964.0000305175781},{\"command\":\"L\",\"x\":375.5,\"y\":964.6667175292969},{\"command\":\"L\",\"x\":373.5,\"y\":965.3333435058594},{\"command\":\"L\",\"x\":374.8333740234375,\"y\":963.3333435058594},{\"command\":\"L\",\"x\":376.8333740234375,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":382.16668701171875,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":384.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":387.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":388.16668701171875,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":388.8333740234375,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":389.5,\"y\":959.3333435058594},{\"command\":\"L\",\"x\":389.5,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":390.16668701171875,\"y\":961.3333435058594},{\"command\":\"L\",\"x\":390.8333740234375,\"y\":960.6667175292969},{\"command\":\"L\",\"x\":393.5,\"y\":958.0000305175781},{\"command\":\"L\",\"x\":396.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":398.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":400.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":400.8333740234375,\"y\":947.3333435058594},{\"command\":\"L\",\"x\":401.5,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":402.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":403.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":404.8333740234375,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":406.16668701171875,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":407.5,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":410.16668701171875,\"y\":952.0000305175781},{\"command\":\"L\",\"x\":412.16668701171875,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":940.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":414.16668701171875,\"y\":938.0000305175781},{\"command\":\"L\",\"x\":415.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":418.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":420.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":946.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":423.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":423.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":421.5,\"y\":955.3333435058594},{\"command\":\"L\",\"x\":421.5,\"y\":956.0000305175781},{\"command\":\"L\",\"x\":422.16668701171875,\"y\":954.6667175292969},{\"command\":\"L\",\"x\":422.8333740234375,\"y\":954.0000305175781},{\"command\":\"L\",\"x\":424.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":425.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":428.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":948.0000305175781},{\"command\":\"L\",\"x\":428.8333740234375,\"y\":950.0000305175781},{\"command\":\"L\",\"x\":429.5,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":430.16668701171875,\"y\":953.3333435058594},{\"command\":\"L\",\"x\":432.8333740234375,\"y\":952.6667175292969},{\"command\":\"L\",\"x\":434.8333740234375,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":437.5,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":440.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":441.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":442.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":442.8333740234375,\"y\":946.0000305175781},{\"command\":\"L\",\"x\":443.5,\"y\":949.3333435058594},{\"command\":\"L\",\"x\":444.16668701171875,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":447.5,\"y\":950.6667175292969},{\"command\":\"L\",\"x\":450.16668701171875,\"y\":948.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":945.3333435058594},{\"command\":\"L\",\"x\":453.5,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":452.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":450.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":448.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":447.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":445.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":445.5,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.16668701171875,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":446.8333740234375,\"y\":939.3333435058594},{\"command\":\"L\",\"x\":452.16668701171875,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":454.8333740234375,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":456.8333740234375,\"y\":936.0000305175781},{\"command\":\"L\",\"x\":459.5,\"y\":936.6667175292969},{\"command\":\"L\",\"x\":460.8333740234375,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":461.5,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":942.6667175292969},{\"command\":\"L\",\"x\":462.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":462.8333740234375,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":464.16668701171875,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":465.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":466.16668701171875,\"y\":932.6667175292969},{\"command\":\"L\",\"x\":467.5,\"y\":933.3333435058594},{\"command\":\"L\",\"x\":469.5,\"y\":935.3333435058594},{\"command\":\"L\",\"x\":470.16668701171875,\"y\":938.6667175292969},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":943.3333435058594},{\"command\":\"L\",\"x\":472.8333740234375,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":474.16668701171875,\"y\":944.6667175292969},{\"command\":\"L\",\"x\":475.5,\"y\":944.0000305175781},{\"command\":\"L\",\"x\":478.16668701171875,\"y\":941.3333435058594},{\"command\":\"L\",\"x\":481.5,\"y\":937.3333435058594},{\"command\":\"L\",\"x\":484.8333740234375,\"y\":934.0000305175781},{\"command\":\"L\",\"x\":488.8333740234375,\"y\":929.3333435058594},{\"command\":\"L\",\"x\":489.5,\"y\":928.0000305175781}]'
- });
- pdfviewer.annotation.addAnnotation("Initial", {
- offset: { x: 200, y: 380 },
- pageNumber: 1,
- width: 200,
- height: 65,
- signatureItem: ['Initial'],
- initialDialogSettings: {
- displayMode: ej.pdfviewer.DisplayMode.Text, hideSaveSignature: false
- },
- canSave: false,
- path: 'Syncfusion',
- fontFamily: "Helvetica",
- });
- pdfviewer.annotation.addAnnotation("HandWrittenSignature", {
- offset: { x: 200, y: 500 },
- pageNumber: 1,
- width: 200,
- height: 80,
- signatureItem: ['Signature'],
- signatureDialogSettings: {
- displayMode: ej.pdfviewer.DisplayMode.Upload, hideSaveSignature: false
- },
- canSave: true,
- path: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIIAqwMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYBAwQHAv/EAEEQAAEDAwIEAwYDBAYLAAAAAAECAwQABREGIRIxQVETYXEHFCIygZEVQmIjUnKCJCUzU6HRFhc1c5KisbKzwvD/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcaUpQKUpQKUpQKUpQKUpQKVzXGdFtsN2ZPfbYjNJ4nHHDgJFfEK5Q5ttbuUaQhcNxvxUPcklPfflQdlYJxURpe/salthuMNpxEYvuNtKc28VKVcPGB2JB577Vyz7pNuUxy26eWlCml8Mu4OI4kR/0oB2Wvp2T17EJK43qDbloakOqL7m6I7TanHVjOMhCQTjzxgVut89i4Mqdj8Y4VlC0OIKFIUOYKTuOn0INRZZtWkrVLuDpIIHHJlPK4nX1dOJR5kk4A5DYDArVoWbHuVgTPjvF5Ul5xx5zhIBc4jkJyBlI+UHqE0FjpSlApSlApSlApSlApSlApSlApSlArClAczgVmqr7QZLptkezxHi1KvD4ihxKsFprBU6v6IB+pFBTdUKf1uUuFa0WpyUIVoYBx706chchXdKEhZSPLNXXVTsOw6NdjNxkvJS0iLEidHnDhLaPME4z5ZzVHk6kTHu1vTpyE1Jf8L3Oww1ZDaGc4XJXjklXDhP6UlWd63ybrL1rq1mNa1hLcAKEeQgcTbbvyuScHnw5KGweZJPIVRYoDT6okfSlnfWhmCwlu43FGAUKxu2j9atyT+UHvirZBixLZBaiQ2kR4zCMIQnZKRWuz2yLZ7czBgo4GWh13KidypR6qJJJPevOvaFqCXqC4HSGmzxlxQbmvJJAPXwwe2M8R9R3FQc1xde9qOqEW+C44jTFuVxPvtnHvCvI+e4HYZPavV4sdmLGajxmktMtJCENpGAkDkBUbpixRNO2dm3Q0/Cj4lrPNazzUf/uWKlkkEZByKDNKUoFKUoFKUoFKUoFKwahZ2p7dFfMZhTs+ZnHu0FHirB/VjZHqogUE3WOIYzUApzUlwBKUxLOwQCFL/bv467DCEn6qr5i6btk5ht+ZOlXlCxlLkiTxtr8whGG8fy0HdK1FZorymHbjH8dPNlC+NY/lTk1XNTe0m12SCXBFnrkOpX7uh6ItkKUBzPGEnhzjcA1bokKLAZS1BjMx20jAQy2EjHoK85i6PuOovaFNv+pWPDt8J/ggMKUCXktq+BX8HNXmT2G9HLF1trSyW2GrUFgbluT3eCIRIS26tS/iSjwgCcDl35Z3qBlSb/edVcN58e4tojKafiW2MfDQpRBXF8X5UnZPGsq5ZAr0TV2j52oL9Anx7wqCxHYWypLbeXAFH4lNqz8KiNs8x0qy2e1QrNbmYFuZDUdkYSkHOT1JPUk7k0HhsG6u3SHPeisLFwnucE95hOPdmc8DUNhR/OrCR5Ak9NvX9F6cRp20IZIR706AX1I5DA2Qn9KRsPvzJqGmXG0N6pfk3KTEhW2ykBsLKUh2Y4nKlY6lKCAOuVmuafry5T5rFs0vaHQ5JSVIm3FBaQhvq7wfNwjurAPnQZ9pms1WtlVmtDqRcnxwrdK+ERknqT0Vj7DftUN7OA1BilywWx65TnU8PjOAtMsJJzlbhBypXMhPFgADbrF6B0sNSagkzrk+5cbTDeUQ5IHwy3T+bHbYE/y9yK9sabQ02lDSAhCRhKUjAAoIaFaZ8gh++zg8vIKYsUFphB+/Ev8AmONuVTYGBgcqzSoFKUoFKUoFKUoFcV4mOW+2yJbEN6Y40gqTHYGVuHsK7awRmg8rd/1gameJn2n8Ptv5YQn+78f+8cSFLI57AJ8/Oy2eyalhxkRo79htEVI2YgQ1uEH+JSgD68NW/FQ2r7yqxWCTNZR4knZqM1/ePLPChP3IoKRc4l91FqJ3TkfUst2Aygfiz7TDTaEA8mkEAnjPXfAH2NohaPehR2Y8bVF9QwygNttJMcJSkDAAAZru0hY02CyMxFK8SWv9rMfPN55W6lE9d9vQCpughmrLNZVxI1Fc19kupYUn/wAYP+NdQVMjD+khEhsfM40nhUPMp3z9D9K76xQRN/uNxjWj3qwW9F0krKfDa8YISUn83F25VVocf2kXdR/EJlrskZQxiM14ryR5ZJA9c/SrHo973m2SFjPhCfKSzn9wPLCceXbyxUpPmRrdDemTHUMx2UFbjizgJAoPGrbpyJBRPvEi53STfhc34MRCVMrckLSvCT8aFEEjBUQdhUlfbHcrcItuYvc+VqbUBDcpf7PgDSfnJPBxBCQcDBGcnlUn7Om4kly+aonhbPBPkeGiRsIqCEqUcHkSMZ9K5bRqqMbjJ1E5FkTrndFe72m2sAF1MVBI4iD8iVKyoqO2w7VRbrJpRdkt7MGDe56GGhgJ8Njn1P8AZ9fPNd5gXNKQEXt0q7uRmz/0AqFja29znGFq2EmxuqaLzDrkhK2XUj5gF7YUNvhqsX+66nvtqlarsrsmDa7aUvQIqQULuCUqHiLdGPk4c8I686g9BMK8/lu7IxyzCB/9q4bpJkWeP7xd9TQojGeHjdipRk9hlW5/yrF21raoEGM/HcM+TMSDEhwyFuv55YA5DfcnYVx2fTD9wm/jeskMS7goYYhY42IKeyQeajtlR68tqCUjtXWVHakQL/FejupC23PcwsLSeoKVgEVsLWomsFMm1yAM5C2HGir6hSsfY1B6ILViuV50utSWkRpHvNvQTgGO6OLCe/CviB7bVMXjVMC2vCG0VTrk4MtQIeHHleZHJCf1KwKDTcNSqskB2XqSCYjTQ3fYcDzSj0SOSgSdhlP1r50FqherbM5cVQVQwmQtkNlfFxBON8/XB8wa4JNsfUzJ1Jq/wXFQWnH4tvbPEzFCUk8RyPjd2+bkOQ7nHs0iSLRY7dBkKUoy4gnYV8yHFEFxPoCtOPU+VBdaUpQKUpQKqF4H4xry027YxrYyq4yB3cPwND/vV9BVvNVTRf8ATrhqC9KIUJU4x2T2aZHAB/xcZ+tBa6UpQKr+r7lIjRWrdaz/AFrcleBF2z4W3xOq8kDf1wOtSV5ukSz216fOc4GGhk4GSo9EpHVROwHU1DaWtst2S9qG+N8Nzlp4WWSc+6R85S0P1dVHqfSgm7Rb2bTbItvjcXhR2g2kqOVKx1J6k8zVbfP+leoSxkGx2h7LxztJlD8h6FCOZ/VjtXdq25ymWY9ptSv61uSi2yr+4Rj43T5JHLzIrRfHIujtCy/dthFiqQyD8zrqhgZ7qUo/40FJsbL2q7W/YYchUdqdMlXC5SEDJQhbq/CbHTKuEEj90edXfRWi4Gk4yvAUqTMdADsp35ikckj91I7Vn2e6bTpnTUaG5hUtweLJcHVw9PQch6VZ6Dhudot12aQ1dIEWa2hXEhEllLgSe4Cga7OBPBwYHDjGMbYr6pQRNp03ZrM669arVChuu/OphkJJ8tunlUt0pSgjLxYLVew2LtAYleEctqcT8SPRXMfevq0WO12VtTdpgRoiVHKy02AVnuo8z9akaUEBr2O9L0beI8dtx1xyMpIQ2kqUodQANycZrk07JVeLyq4R2HmrZCiiJFW62UF9SilS1AHfhHAgA7b8XlVqIzWMb0GaUpQKUpQc9wkCJAkyVcmWlOH6AmoL2bsqZ0LZi4SXHowfcUeZU58ZP3VUpqNlcjT1zYaGVuRHUJA6koIFcuiZDcnR9lea+RcFkgdvgG1BN1omS48GM7JluoZYaSVuOLOEpSOZJrXdLjEtUF2bcJLceM0MrccOAP8AP0qqR4czWk1qfd2HItgZWFxLe6MLlKHJ14dE9kH1NBttDEjVVzYvtxaUza4547ZCdThSz0kLHQ4+UdAc86tcmQzDjOyJLiW2WUFxxxWwSkDJJ+lbQAOVVPU6vx29xdLsqPgBKZdzIG3ghWEtE9CtX/Kk0GzSTDlwekamnNlL08BMNCs5ZijdAweRVniPqB0qsarce1XrezWlghVsiTCp3B/tFtDicPok8CP4lq7VedSzXYFr8OBwpmyVCPEyPhStQPxEfupAKj5JNVz2eW9t2RIvLJWqGlsQbetXN1pCsuPerjmVZ6gCqLyBis0pUClKUClKUClKUClKUClKUClKUGCMjFVNqw36yeOxpmbb/wAPdcU43GntLPuqlHJCFJO6ckkJI2zzq20oKtE0iZE5q46mnKu8to8TLSmwiMwe6G99/wBSiTVoGwrNcV4uUez2yTcJiiGY7ZWrAyT2AHUk7D1oMXq6R7PapNxlk+FHQVkAZKj0SB1JOAPWozRtqfhW5ybcf9qXJz3qZk54FEbNg9kDCfoT1qGi++alvEGJdGwlq2hE+e0FApTKVu0we4Qk8R7nhNXkcqCs6q0zK1DcIWbkqNbW23ESmWk4ceCsZAV+UEAgnngnvViix2okZqPHbS2y0kIbQkYCUjYAVtpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKouv7mwi7W2HJBdZiJNxXHSd5DoUER2gOpU4rI/gq9VxO2i3PXRu6OwmFz2m/DbkKQCtKck4B+p+9BxaTtblqtQEvhM+UtUqatO4U8vdW/YbJHkkVNVgDFZoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoP//Z"
- });
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Add%20Handwritten%20Signature%20Programmatically)
-
-## Editing the properties of handwritten signature
-
-The stroke color, border thickness, and opacity of the handwritten signature can be edited using the edit stroke color tool, edit thickness tool, and edit opacity tool in the annotation toolbar.
-
-### Editing stroke color
-
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
-
-
-
-### Editing thickness
-
-The thickness of the border of the annotation can be edited using the range slider provided in the Edit Thickness tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/annotations/stamp-annotation.md b/ej2-javascript/pdfviewer/js/annotations/stamp-annotation.md
deleted file mode 100644
index eac9c3d34..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/stamp-annotation.md
+++ /dev/null
@@ -1,383 +0,0 @@
----
-layout: post
-title: Stamp annotation in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Stamp annotation in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Stamp annotation in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control provides options to add, edit, delete, and rotate the following stamp annotation in the PDF documents:
-
-* Dynamic
-* Sign Here
-* Standard Business
-* Custom Stamp
-
-
-
-## Adding stamp annotations to the PDF document
-
-The stamp annotations can be added to the PDF document using the annotation toolbar.
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Click the **Stamp Annotation** drop-down button. A drop-down pop-up will appear and shows the stamp annotations to be added.
-
-
-
-* Select the annotation type to be added to the page in the pop-up.
-
-
-
-* You can add the annotation over the pages of the PDF document.
-
-N> While you're in the pan mode, for navigating through the document, and you click on the stamp annotation button to add the stamp annotation , the PDF Viewer control will smoothly transition to text select mode. This seamless transition ensures a fluid experience when switching between different interaction modes within the PDF Viewer interface.
-
-Refer to the following code sample to switch to the stamp annotation mode.
-
-```html
-
-
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib"
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let dynamicStamp = document.getElementById('dynamicStamp');
-if (dynamicStamp) {
- dynamicStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode('Stamp', 'NotApproved');
- }
- });
-}
-let signStamp = document.getElementById('signStamp');
-if (signStamp) {
- signStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode('Stamp', undefined, 'Witness');
- }
- });
-}
-let standardBusinessStamp = document.getElementById('standardBusinessStamp');
-if (standardBusinessStamp) {
- standardBusinessStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode('Stamp', undefined, undefined, 'Approved');
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, SignStampItem, StandardBusinessStampItem, DynamicStampItem,} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-let dynamicStamp = document.getElementById('dynamicStamp');
-if (dynamicStamp) {
- dynamicStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode('Stamp', 'NotApproved');
- }
- });
-}
-let signStamp = document.getElementById('signStamp');
-if (signStamp) {
- signStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode('Stamp', undefined, 'Witness');
- }
- });
-}
-let standardBusinessStamp = document.getElementById('standardBusinessStamp');
-if (standardBusinessStamp) {
- standardBusinessStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotationModule.setAnnotationMode('Stamp', undefined, undefined, 'Approved');
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding custom stamp to the PDF document
-
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Click the **Stamp Annotation** drop-down button. A drop-down pop-up will appear and shows the stamp annotations to be added.
-* Click the Custom Stamp button.
-
-
-
-* The file explorer dialog will appear, choose the image and then add the image to the PDF page.
-
->The JPG and JPEG image format is only supported in the custom stamp annotations.
-
-## Adding a Stamp annotation to the PDF document Programmatically
-
-With the PDF Viewer library, you can add a Stamp annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's a example of how you can utilize the **addAnnotation()** method to include a Stamp annotation programmatically:
-
-```html
-
-
-
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let dynamicStamp = document.getElementById('dynamicStamp');
-if (dynamicStamp) {
- dynamicStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Stamp", {
- offset: { x: 200, y: 140 },
- pageNumber: 1
- }, 'Approved');
- }
- });
-}
-let signStamp = document.getElementById('signStamp');
-if (signStamp) {
- signStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Stamp", {
- offset: { x: 200, y: 240 },
- pageNumber: 1
- }, undefined,'Witness');
- }
- });
-}
-let standardBusinessStamp = document.getElementById('standardBusinessStamp');
-if (standardBusinessStamp) {
- standardBusinessStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Stamp", {
- offset: { x: 200, y: 340 },
- pageNumber: 1
- }, undefined, undefined, 'Approved');
- }
- });
-}
-
-let customStamp = document.getElementById('customStamp');
-if (customStamp) {
- customStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation('Stamp',
- {
- offset: { x: 100, y: 440 },
- width: 46,
- author: 'Guest',
- height: 100,
- isLock: true,
- pageNumber: 1,
- customStamps: [
- {
- customStampName: "Image",
- customStampImageSource:
- "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIIAqwMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYBAwQHAv/EAEEQAAEDAwIEAwYDBAYLAAAAAAECAwQABREGIRIxQVETYXEHFCIygZEVQmIjUnKCJCUzU6HRFhc1c5KisbKzwvD/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcaUpQKUpQKUpQKUpQKUpQKVzXGdFtsN2ZPfbYjNJ4nHHDgJFfEK5Q5ttbuUaQhcNxvxUPcklPfflQdlYJxURpe/salthuMNpxEYvuNtKc28VKVcPGB2JB577Vyz7pNuUxy26eWlCml8Mu4OI4kR/0oB2Wvp2T17EJK43qDbloakOqL7m6I7TanHVjOMhCQTjzxgVut89i4Mqdj8Y4VlC0OIKFIUOYKTuOn0INRZZtWkrVLuDpIIHHJlPK4nX1dOJR5kk4A5DYDArVoWbHuVgTPjvF5Ul5xx5zhIBc4jkJyBlI+UHqE0FjpSlApSlApSlApSlApSlApSlApSlArClAczgVmqr7QZLptkezxHi1KvD4ihxKsFprBU6v6IB+pFBTdUKf1uUuFa0WpyUIVoYBx706chchXdKEhZSPLNXXVTsOw6NdjNxkvJS0iLEidHnDhLaPME4z5ZzVHk6kTHu1vTpyE1Jf8L3Oww1ZDaGc4XJXjklXDhP6UlWd63ybrL1rq1mNa1hLcAKEeQgcTbbvyuScHnw5KGweZJPIVRYoDT6okfSlnfWhmCwlu43FGAUKxu2j9atyT+UHvirZBixLZBaiQ2kR4zCMIQnZKRWuz2yLZ7czBgo4GWh13KidypR6qJJJPevOvaFqCXqC4HSGmzxlxQbmvJJAPXwwe2M8R9R3FQc1xde9qOqEW+C44jTFuVxPvtnHvCvI+e4HYZPavV4sdmLGajxmktMtJCENpGAkDkBUbpixRNO2dm3Q0/Cj4lrPNazzUf/uWKlkkEZByKDNKUoFKUoFKUoFKUoFKwahZ2p7dFfMZhTs+ZnHu0FHirB/VjZHqogUE3WOIYzUApzUlwBKUxLOwQCFL/bv467DCEn6qr5i6btk5ht+ZOlXlCxlLkiTxtr8whGG8fy0HdK1FZorymHbjH8dPNlC+NY/lTk1XNTe0m12SCXBFnrkOpX7uh6ItkKUBzPGEnhzjcA1bokKLAZS1BjMx20jAQy2EjHoK85i6PuOovaFNv+pWPDt8J/ggMKUCXktq+BX8HNXmT2G9HLF1trSyW2GrUFgbluT3eCIRIS26tS/iSjwgCcDl35Z3qBlSb/edVcN58e4tojKafiW2MfDQpRBXF8X5UnZPGsq5ZAr0TV2j52oL9Anx7wqCxHYWypLbeXAFH4lNqz8KiNs8x0qy2e1QrNbmYFuZDUdkYSkHOT1JPUk7k0HhsG6u3SHPeisLFwnucE95hOPdmc8DUNhR/OrCR5Ak9NvX9F6cRp20IZIR706AX1I5DA2Qn9KRsPvzJqGmXG0N6pfk3KTEhW2ykBsLKUh2Y4nKlY6lKCAOuVmuafry5T5rFs0vaHQ5JSVIm3FBaQhvq7wfNwjurAPnQZ9pms1WtlVmtDqRcnxwrdK+ERknqT0Vj7DftUN7OA1BilywWx65TnU8PjOAtMsJJzlbhBypXMhPFgADbrF6B0sNSagkzrk+5cbTDeUQ5IHwy3T+bHbYE/y9yK9sabQ02lDSAhCRhKUjAAoIaFaZ8gh++zg8vIKYsUFphB+/Ev8AmONuVTYGBgcqzSoFKUoFKUoFKUoFcV4mOW+2yJbEN6Y40gqTHYGVuHsK7awRmg8rd/1gameJn2n8Ptv5YQn+78f+8cSFLI57AJ8/Oy2eyalhxkRo79htEVI2YgQ1uEH+JSgD68NW/FQ2r7yqxWCTNZR4knZqM1/ePLPChP3IoKRc4l91FqJ3TkfUst2Aygfiz7TDTaEA8mkEAnjPXfAH2NohaPehR2Y8bVF9QwygNttJMcJSkDAAAZru0hY02CyMxFK8SWv9rMfPN55W6lE9d9vQCpughmrLNZVxI1Fc19kupYUn/wAYP+NdQVMjD+khEhsfM40nhUPMp3z9D9K76xQRN/uNxjWj3qwW9F0krKfDa8YISUn83F25VVocf2kXdR/EJlrskZQxiM14ryR5ZJA9c/SrHo973m2SFjPhCfKSzn9wPLCceXbyxUpPmRrdDemTHUMx2UFbjizgJAoPGrbpyJBRPvEi53STfhc34MRCVMrckLSvCT8aFEEjBUQdhUlfbHcrcItuYvc+VqbUBDcpf7PgDSfnJPBxBCQcDBGcnlUn7Om4kly+aonhbPBPkeGiRsIqCEqUcHkSMZ9K5bRqqMbjJ1E5FkTrndFe72m2sAF1MVBI4iD8iVKyoqO2w7VRbrJpRdkt7MGDe56GGhgJ8Njn1P8AZ9fPNd5gXNKQEXt0q7uRmz/0AqFja29znGFq2EmxuqaLzDrkhK2XUj5gF7YUNvhqsX+66nvtqlarsrsmDa7aUvQIqQULuCUqHiLdGPk4c8I686g9BMK8/lu7IxyzCB/9q4bpJkWeP7xd9TQojGeHjdipRk9hlW5/yrF21raoEGM/HcM+TMSDEhwyFuv55YA5DfcnYVx2fTD9wm/jeskMS7goYYhY42IKeyQeajtlR68tqCUjtXWVHakQL/FejupC23PcwsLSeoKVgEVsLWomsFMm1yAM5C2HGir6hSsfY1B6ILViuV50utSWkRpHvNvQTgGO6OLCe/CviB7bVMXjVMC2vCG0VTrk4MtQIeHHleZHJCf1KwKDTcNSqskB2XqSCYjTQ3fYcDzSj0SOSgSdhlP1r50FqherbM5cVQVQwmQtkNlfFxBON8/XB8wa4JNsfUzJ1Jq/wXFQWnH4tvbPEzFCUk8RyPjd2+bkOQ7nHs0iSLRY7dBkKUoy4gnYV8yHFEFxPoCtOPU+VBdaUpQKUpQKqF4H4xry027YxrYyq4yB3cPwND/vV9BVvNVTRf8ATrhqC9KIUJU4x2T2aZHAB/xcZ+tBa6UpQKr+r7lIjRWrdaz/AFrcleBF2z4W3xOq8kDf1wOtSV5ukSz216fOc4GGhk4GSo9EpHVROwHU1DaWtst2S9qG+N8Nzlp4WWSc+6R85S0P1dVHqfSgm7Rb2bTbItvjcXhR2g2kqOVKx1J6k8zVbfP+leoSxkGx2h7LxztJlD8h6FCOZ/VjtXdq25ymWY9ptSv61uSi2yr+4Rj43T5JHLzIrRfHIujtCy/dthFiqQyD8zrqhgZ7qUo/40FJsbL2q7W/YYchUdqdMlXC5SEDJQhbq/CbHTKuEEj90edXfRWi4Gk4yvAUqTMdADsp35ikckj91I7Vn2e6bTpnTUaG5hUtweLJcHVw9PQch6VZ6Dhudot12aQ1dIEWa2hXEhEllLgSe4Cga7OBPBwYHDjGMbYr6pQRNp03ZrM669arVChuu/OphkJJ8tunlUt0pSgjLxYLVew2LtAYleEctqcT8SPRXMfevq0WO12VtTdpgRoiVHKy02AVnuo8z9akaUEBr2O9L0beI8dtx1xyMpIQ2kqUodQANycZrk07JVeLyq4R2HmrZCiiJFW62UF9SilS1AHfhHAgA7b8XlVqIzWMb0GaUpQKUpQc9wkCJAkyVcmWlOH6AmoL2bsqZ0LZi4SXHowfcUeZU58ZP3VUpqNlcjT1zYaGVuRHUJA6koIFcuiZDcnR9lea+RcFkgdvgG1BN1omS48GM7JluoZYaSVuOLOEpSOZJrXdLjEtUF2bcJLceM0MrccOAP8AP0qqR4czWk1qfd2HItgZWFxLe6MLlKHJ14dE9kH1NBttDEjVVzYvtxaUza4547ZCdThSz0kLHQ4+UdAc86tcmQzDjOyJLiW2WUFxxxWwSkDJJ+lbQAOVVPU6vx29xdLsqPgBKZdzIG3ghWEtE9CtX/Kk0GzSTDlwekamnNlL08BMNCs5ZijdAweRVniPqB0qsarce1XrezWlghVsiTCp3B/tFtDicPok8CP4lq7VedSzXYFr8OBwpmyVCPEyPhStQPxEfupAKj5JNVz2eW9t2RIvLJWqGlsQbetXN1pCsuPerjmVZ6gCqLyBis0pUClKUClKUClKUClKUClKUClKUGCMjFVNqw36yeOxpmbb/wAPdcU43GntLPuqlHJCFJO6ckkJI2zzq20oKtE0iZE5q46mnKu8to8TLSmwiMwe6G99/wBSiTVoGwrNcV4uUez2yTcJiiGY7ZWrAyT2AHUk7D1oMXq6R7PapNxlk+FHQVkAZKj0SB1JOAPWozRtqfhW5ybcf9qXJz3qZk54FEbNg9kDCfoT1qGi++alvEGJdGwlq2hE+e0FApTKVu0we4Qk8R7nhNXkcqCs6q0zK1DcIWbkqNbW23ESmWk4ceCsZAV+UEAgnngnvViix2okZqPHbS2y0kIbQkYCUjYAVtpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKouv7mwi7W2HJBdZiJNxXHSd5DoUER2gOpU4rI/gq9VxO2i3PXRu6OwmFz2m/DbkKQCtKck4B+p+9BxaTtblqtQEvhM+UtUqatO4U8vdW/YbJHkkVNVgDFZoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoP//Z"
- }
- ]
- });
- }
- });
-}
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let dynamicStamp = document.getElementById('dynamicStamp');
-if (dynamicStamp) {
- dynamicStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Stamp", {
- offset: { x: 200, y: 140 },
- pageNumber: 1
- }, 'Approved');
- }
- });
-}
-let signStamp = document.getElementById('signStamp');
-if (signStamp) {
- signStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Stamp", {
- offset: { x: 200, y: 240 },
- pageNumber: 1
- }, undefined,'Witness');
- }
- });
-}
-let standardBusinessStamp = document.getElementById('standardBusinessStamp');
-if (standardBusinessStamp) {
- standardBusinessStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Stamp", {
- offset: { x: 200, y: 340 },
- pageNumber: 1
- }, undefined, undefined, 'Approved');
- }
- });
-}
-
-let customStamp = document.getElementById('customStamp');
-if (customStamp) {
- customStamp.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation('Stamp',
- {
- offset: { x: 100, y: 440 },
- width: 46,
- author: 'Guest',
- height: 100,
- isLock: true,
- pageNumber: 1,
- customStamps: [
- {
- customStampName: "Image",
- customStampImageSource:
- "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAIIAqwMBIgACEQEDEQH/xAAbAAEAAgMBAQAAAAAAAAAAAAAABQYBAwQHAv/EAEEQAAEDAwIEAwYDBAYLAAAAAAECAwQABREGIRIxQVETYXEHFCIygZEVQmIjUnKCJCUzU6HRFhc1c5KisbKzwvD/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APcaUpQKUpQKUpQKUpQKUpQKVzXGdFtsN2ZPfbYjNJ4nHHDgJFfEK5Q5ttbuUaQhcNxvxUPcklPfflQdlYJxURpe/salthuMNpxEYvuNtKc28VKVcPGB2JB577Vyz7pNuUxy26eWlCml8Mu4OI4kR/0oB2Wvp2T17EJK43qDbloakOqL7m6I7TanHVjOMhCQTjzxgVut89i4Mqdj8Y4VlC0OIKFIUOYKTuOn0INRZZtWkrVLuDpIIHHJlPK4nX1dOJR5kk4A5DYDArVoWbHuVgTPjvF5Ul5xx5zhIBc4jkJyBlI+UHqE0FjpSlApSlApSlApSlApSlApSlApSlArClAczgVmqr7QZLptkezxHi1KvD4ihxKsFprBU6v6IB+pFBTdUKf1uUuFa0WpyUIVoYBx706chchXdKEhZSPLNXXVTsOw6NdjNxkvJS0iLEidHnDhLaPME4z5ZzVHk6kTHu1vTpyE1Jf8L3Oww1ZDaGc4XJXjklXDhP6UlWd63ybrL1rq1mNa1hLcAKEeQgcTbbvyuScHnw5KGweZJPIVRYoDT6okfSlnfWhmCwlu43FGAUKxu2j9atyT+UHvirZBixLZBaiQ2kR4zCMIQnZKRWuz2yLZ7czBgo4GWh13KidypR6qJJJPevOvaFqCXqC4HSGmzxlxQbmvJJAPXwwe2M8R9R3FQc1xde9qOqEW+C44jTFuVxPvtnHvCvI+e4HYZPavV4sdmLGajxmktMtJCENpGAkDkBUbpixRNO2dm3Q0/Cj4lrPNazzUf/uWKlkkEZByKDNKUoFKUoFKUoFKUoFKwahZ2p7dFfMZhTs+ZnHu0FHirB/VjZHqogUE3WOIYzUApzUlwBKUxLOwQCFL/bv467DCEn6qr5i6btk5ht+ZOlXlCxlLkiTxtr8whGG8fy0HdK1FZorymHbjH8dPNlC+NY/lTk1XNTe0m12SCXBFnrkOpX7uh6ItkKUBzPGEnhzjcA1bokKLAZS1BjMx20jAQy2EjHoK85i6PuOovaFNv+pWPDt8J/ggMKUCXktq+BX8HNXmT2G9HLF1trSyW2GrUFgbluT3eCIRIS26tS/iSjwgCcDl35Z3qBlSb/edVcN58e4tojKafiW2MfDQpRBXF8X5UnZPGsq5ZAr0TV2j52oL9Anx7wqCxHYWypLbeXAFH4lNqz8KiNs8x0qy2e1QrNbmYFuZDUdkYSkHOT1JPUk7k0HhsG6u3SHPeisLFwnucE95hOPdmc8DUNhR/OrCR5Ak9NvX9F6cRp20IZIR706AX1I5DA2Qn9KRsPvzJqGmXG0N6pfk3KTEhW2ykBsLKUh2Y4nKlY6lKCAOuVmuafry5T5rFs0vaHQ5JSVIm3FBaQhvq7wfNwjurAPnQZ9pms1WtlVmtDqRcnxwrdK+ERknqT0Vj7DftUN7OA1BilywWx65TnU8PjOAtMsJJzlbhBypXMhPFgADbrF6B0sNSagkzrk+5cbTDeUQ5IHwy3T+bHbYE/y9yK9sabQ02lDSAhCRhKUjAAoIaFaZ8gh++zg8vIKYsUFphB+/Ev8AmONuVTYGBgcqzSoFKUoFKUoFKUoFcV4mOW+2yJbEN6Y40gqTHYGVuHsK7awRmg8rd/1gameJn2n8Ptv5YQn+78f+8cSFLI57AJ8/Oy2eyalhxkRo79htEVI2YgQ1uEH+JSgD68NW/FQ2r7yqxWCTNZR4knZqM1/ePLPChP3IoKRc4l91FqJ3TkfUst2Aygfiz7TDTaEA8mkEAnjPXfAH2NohaPehR2Y8bVF9QwygNttJMcJSkDAAAZru0hY02CyMxFK8SWv9rMfPN55W6lE9d9vQCpughmrLNZVxI1Fc19kupYUn/wAYP+NdQVMjD+khEhsfM40nhUPMp3z9D9K76xQRN/uNxjWj3qwW9F0krKfDa8YISUn83F25VVocf2kXdR/EJlrskZQxiM14ryR5ZJA9c/SrHo973m2SFjPhCfKSzn9wPLCceXbyxUpPmRrdDemTHUMx2UFbjizgJAoPGrbpyJBRPvEi53STfhc34MRCVMrckLSvCT8aFEEjBUQdhUlfbHcrcItuYvc+VqbUBDcpf7PgDSfnJPBxBCQcDBGcnlUn7Om4kly+aonhbPBPkeGiRsIqCEqUcHkSMZ9K5bRqqMbjJ1E5FkTrndFe72m2sAF1MVBI4iD8iVKyoqO2w7VRbrJpRdkt7MGDe56GGhgJ8Njn1P8AZ9fPNd5gXNKQEXt0q7uRmz/0AqFja29znGFq2EmxuqaLzDrkhK2XUj5gF7YUNvhqsX+66nvtqlarsrsmDa7aUvQIqQULuCUqHiLdGPk4c8I686g9BMK8/lu7IxyzCB/9q4bpJkWeP7xd9TQojGeHjdipRk9hlW5/yrF21raoEGM/HcM+TMSDEhwyFuv55YA5DfcnYVx2fTD9wm/jeskMS7goYYhY42IKeyQeajtlR68tqCUjtXWVHakQL/FejupC23PcwsLSeoKVgEVsLWomsFMm1yAM5C2HGir6hSsfY1B6ILViuV50utSWkRpHvNvQTgGO6OLCe/CviB7bVMXjVMC2vCG0VTrk4MtQIeHHleZHJCf1KwKDTcNSqskB2XqSCYjTQ3fYcDzSj0SOSgSdhlP1r50FqherbM5cVQVQwmQtkNlfFxBON8/XB8wa4JNsfUzJ1Jq/wXFQWnH4tvbPEzFCUk8RyPjd2+bkOQ7nHs0iSLRY7dBkKUoy4gnYV8yHFEFxPoCtOPU+VBdaUpQKUpQKqF4H4xry027YxrYyq4yB3cPwND/vV9BVvNVTRf8ATrhqC9KIUJU4x2T2aZHAB/xcZ+tBa6UpQKr+r7lIjRWrdaz/AFrcleBF2z4W3xOq8kDf1wOtSV5ukSz216fOc4GGhk4GSo9EpHVROwHU1DaWtst2S9qG+N8Nzlp4WWSc+6R85S0P1dVHqfSgm7Rb2bTbItvjcXhR2g2kqOVKx1J6k8zVbfP+leoSxkGx2h7LxztJlD8h6FCOZ/VjtXdq25ymWY9ptSv61uSi2yr+4Rj43T5JHLzIrRfHIujtCy/dthFiqQyD8zrqhgZ7qUo/40FJsbL2q7W/YYchUdqdMlXC5SEDJQhbq/CbHTKuEEj90edXfRWi4Gk4yvAUqTMdADsp35ikckj91I7Vn2e6bTpnTUaG5hUtweLJcHVw9PQch6VZ6Dhudot12aQ1dIEWa2hXEhEllLgSe4Cga7OBPBwYHDjGMbYr6pQRNp03ZrM669arVChuu/OphkJJ8tunlUt0pSgjLxYLVew2LtAYleEctqcT8SPRXMfevq0WO12VtTdpgRoiVHKy02AVnuo8z9akaUEBr2O9L0beI8dtx1xyMpIQ2kqUodQANycZrk07JVeLyq4R2HmrZCiiJFW62UF9SilS1AHfhHAgA7b8XlVqIzWMb0GaUpQKUpQc9wkCJAkyVcmWlOH6AmoL2bsqZ0LZi4SXHowfcUeZU58ZP3VUpqNlcjT1zYaGVuRHUJA6koIFcuiZDcnR9lea+RcFkgdvgG1BN1omS48GM7JluoZYaSVuOLOEpSOZJrXdLjEtUF2bcJLceM0MrccOAP8AP0qqR4czWk1qfd2HItgZWFxLe6MLlKHJ14dE9kH1NBttDEjVVzYvtxaUza4547ZCdThSz0kLHQ4+UdAc86tcmQzDjOyJLiW2WUFxxxWwSkDJJ+lbQAOVVPU6vx29xdLsqPgBKZdzIG3ghWEtE9CtX/Kk0GzSTDlwekamnNlL08BMNCs5ZijdAweRVniPqB0qsarce1XrezWlghVsiTCp3B/tFtDicPok8CP4lq7VedSzXYFr8OBwpmyVCPEyPhStQPxEfupAKj5JNVz2eW9t2RIvLJWqGlsQbetXN1pCsuPerjmVZ6gCqLyBis0pUClKUClKUClKUClKUClKUClKUGCMjFVNqw36yeOxpmbb/wAPdcU43GntLPuqlHJCFJO6ckkJI2zzq20oKtE0iZE5q46mnKu8to8TLSmwiMwe6G99/wBSiTVoGwrNcV4uUez2yTcJiiGY7ZWrAyT2AHUk7D1oMXq6R7PapNxlk+FHQVkAZKj0SB1JOAPWozRtqfhW5ybcf9qXJz3qZk54FEbNg9kDCfoT1qGi++alvEGJdGwlq2hE+e0FApTKVu0we4Qk8R7nhNXkcqCs6q0zK1DcIWbkqNbW23ESmWk4ceCsZAV+UEAgnngnvViix2okZqPHbS2y0kIbQkYCUjYAVtpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKUpQKouv7mwi7W2HJBdZiJNxXHSd5DoUER2gOpU4rI/gq9VxO2i3PXRu6OwmFz2m/DbkKQCtKck4B+p+9BxaTtblqtQEvhM+UtUqatO4U8vdW/YbJHkkVNVgDFZoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoFKUoP//Z"
- }
- ]
- });
- }
- });
-}
-{% endhighlight %}
-{% endtabs %}
-
-## Edit the existing sticky note annotation programmatically
-
-To modify existing sticky note annotation in the Syncfusion PDF viewer programmatically, you can use the **editAnnotation()** method.
-
-Here is an example of how you can use the **editAnnotation()** method:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-if (editAnnotation) {
- editAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].shapeAnnotationType === "stamp") {
- var width = pdfviewer.annotationCollection[i].bounds.width;
- var height = pdfviewer.annotationCollection[i].bounds.height;
- pdfviewer.annotationCollection[i].bounds = { x: 100, y: 100, width: width, height: height };
- pdfviewer.annotationCollection[i].annotationSettings.isLock = true;
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-if (editAnnotation) {
- editAnnotation.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].shapeAnnotationType === "stamp") {
- var width = pdfviewer.annotationCollection[i].bounds.width;
- var height = pdfviewer.annotationCollection[i].bounds.height;
- pdfviewer.annotationCollection[i].bounds = { x: 100, y: 100, width: width, height: height };
- pdfviewer.annotationCollection[i].annotationSettings.isLock = true;
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-{% endhighlight %}
-{% endtabs %}
-
-## Setting default properties during control initialization
-
-The properties of the stamp annotation can be set before creating the control using the StampSettings.
-
-After editing the default opacity using the Edit Opacity tool, they will be changed to the selected values.
-Refer to the following code sample to set the default sticky note annotation settings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- stampSettings : {opacity: 0.3, author: 'Guest User'}
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- stampSettings : {opacity: 0.3, author: 'Guest User'}
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/annotations/sticky-notes-annotation.md b/ej2-javascript/pdfviewer/js/annotations/sticky-notes-annotation.md
deleted file mode 100644
index 13a78a281..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/sticky-notes-annotation.md
+++ /dev/null
@@ -1,247 +0,0 @@
----
-layout: post
-title: Sticky notes in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about Sticky notes in Syncfusion ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Sticky notes in ##Platform_Name## PDF Viewer control
-
-The PDF Viewer control provides the options to add, edit, and delete the sticky note annotations in the PDF document.
-
-
-
-## Adding a sticky note annotation to the PDF document
-
-Sticky note annotations can be added to the PDF document using the annotation toolbar.
-
-* Click the **Comments** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Click the position where you want to add sticky note annotation in the PDF document.
-* Sticky note annotation will be added in the clicked positions.
-
- 
-
- Annotation comments can be added to the PDF document using the comment panel.
-
-* Select a Sticky note annotation in the PDF document and right-click it.
-* Select the Comment option in the context menu that appears.
-* Now, you can add Comments, Reply, and Status using the Comment Panel.
-* Now, you can add Comments, Reply, and Status using the Comment Panel.
-
-
-
-## Adding a sticky note annotation to the PDF document Programmatically
-
-With the PDF Viewer library, you can add a sticky note annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's a example of how you can utilize the **addAnnotation()** method to include a sticky note annotation programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let stickyNote = document.getElementById('stickyNote');
-if (stickyNote) {
- stickyNote.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("StickyNotes", {
- offset: { x: 100, y: 200 },
- pageNumber: 1,
- isLock: false
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let stickyNote = document.getElementById('stickyNote');
-if (stickyNote) {
- stickyNote.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("StickyNotes", {
- offset: { x: 100, y: 200 },
- pageNumber: 1,
- isLock: false
- });
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Edit the existing sticky note annotation programmatically
-
-To modify existing sticky note annotation in the Syncfusion PDF viewer programmatically, you can use the **editAnnotation()** method.
-
-Here is an example of how you can use the **editAnnotation()** method:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let stickyNote = document.getElementById('stickyNote');
-if (stickyNote) {
- stickyNote.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].shapeAnnotationType === "sticky") {
- var width = pdfviewer.annotationCollection[i].bounds.width;
- var height = pdfviewer.annotationCollection[i].bounds.height;
- pdfviewer.annotationCollection[i].bounds = { x: 100, y: 100, width: width, height: height };
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let stickyNote = document.getElementById('stickyNote');
-if (stickyNote) {
- stickyNote.addEventListener('click', function () {
- if (pdfviewer) {
- for (let i = 0; i < pdfviewer.annotationCollection.length; i++) {
- if (pdfviewer.annotationCollection[i].shapeAnnotationType === "sticky") {
- var width = pdfviewer.annotationCollection[i].bounds.width;
- var height = pdfviewer.annotationCollection[i].bounds.height;
- pdfviewer.annotationCollection[i].bounds = { x: 100, y: 100, width: width, height: height };
- pdfviewer.annotation.editAnnotation(pdfviewer.annotationCollection[i]);
- }
- }
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Editing the properties of the sticky note annotation
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-### Editing comments
-
-The comment, comment reply, and comment status of the annotation can be edited using the Comment Panel.
-
-* Open the comment panel using the Comment Panel button showing in the annotation toolbar.
-
- 
-
-You can modify or delete the comments or comments replay and it’s status using the menu option provided in the comment panel.
-
- 
-
-## Setting default properties during the control initialization
-
-The properties of the sticky note annotation can be set before creating the control using the StickyNoteSettings.
-
-After editing the default opacity using the Edit Opacity tool, they will be changed to the selected values. Refer to the following code sample to set the default sticky note annotation settings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- stickyNotesSettings : {author: 'Syncfusion'}
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- stickyNotesSettings : {author: 'Syncfusion'}
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Disabling sticky note annotations
-
-The PDF Viewer control provides an option to disable the sticky note annotations feature. The code sample for disabling the feature is as follows.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- enableStickyNotesAnnotation : false
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- enableStickyNotesAnnotation : false
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/annotations/text-markup-annotation.md b/ej2-javascript/pdfviewer/js/annotations/text-markup-annotation.md
deleted file mode 100644
index 5152d76d9..000000000
--- a/ej2-javascript/pdfviewer/js/annotations/text-markup-annotation.md
+++ /dev/null
@@ -1,570 +0,0 @@
----
-layout: post
-title: Text markup annotation in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Text markup annotation in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Text markup annotation
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Text markup annotation in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer control provides the options to add, edit, and delete text markup annotations such as highlight, underline, strikethrough and squiggly annotations in the PDF document.
-
-
-
-## Highlight a text
-
-There are two ways to highlight a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Highlight** option in the context menu that appears.
-
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Highlight** button in the annotation toolbar. It enables the highlight mode.
- * Select the text and the highlight annotation will be added.
- * You can also select the text and apply the highlight annotation using the **Highlight** button.
-
-
-
-In the pan mode, if the highlight mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for highlighting the text.
-
-Refer to the following code snippet to switch to highlight mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below [serviceUrl](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from highlight mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/highlight-normal-mode-cs1" %}
-
-## Highlight a text programmatically
-
-The PDF Viewer library enables you to programmatically highlight text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply highlighting programmatically:
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let highlight = document.getElementById('highlight');
-if (highlight) {
- highlight.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Highlight", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let highlight = document.getElementById('highlight');
-if (highlight) {
- highlight.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Highlight", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-{% endhighlight %}
-{% endtabs %}
-
-## Underline a text
-
-There are two ways to underline a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Underline** option in the context menu that appears.
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Underline** button in the annotation toolbar. It enables the underline mode.
- * Select the text and the underline annotation will be added.
- * You can also select the text and apply the underline annotation using the **Underline** button.
-
-
-
-In the pan mode, if the underline mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for underlining the text.
-
-Refer to the following code snippet to switch to underline mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/underline-mode-cs1" %}
-
-
-Refer to the following code snippet to switch back to normal mode from underline mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/underline-normal-mode-cs1" %}
-
-## Underline a text programmatically
-
-The PDF Viewer library enables you to programmatically Underline text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply Underline programmatically:
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let underline = document.getElementById('underline');
-if (underline) {
- underline.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Underline", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let underline = document.getElementById('underline');
-if (underline) {
- underline.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Underline", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Strikethrough a text
-
-There are two ways to strikethrough a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Strikethrough** option in the context menu that appears.
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Strikethrough** button in the annotation toolbar. It enables the strikethrough mode.
- * Select the text and the strikethrough annotation will be added.
- * You can also select the text and apply the strikethrough annotation using the **Strikethrough** button.
-
-
-
-In the pan mode, if the strikethrough mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for striking through the text.
-
-Refer to the following code snippet to switch to strikethrough mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from underline mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/strikethrough-normal-mode-cs1" %}
-
-## Strikethrough a text programmatically
-
-The PDF Viewer library enables you to programmatically Strikethrough text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply Strikethrough programmatically:
-
-```html
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let strikethrough = document.getElementById('strikethrough');
-if (strikethrough) {
- strikethrough.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Strikethrough", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let strikethrough = document.getElementById('strikethrough');
-if (strikethrough) {
- strikethrough.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Strikethrough", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-{% endhighlight %}
-{% endtabs %}
-
-## Squiggly a text
-
-There are two ways to add squiggly to a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Squiggly** option in the context menu that appears.
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Squiggly** button in the annotation toolbar. It enables the squiggly mode.
- * Select the text and the squiggly annotation will be added.
- * You can also select the text and apply the squiggly annotation using the **Squiggly** button.
-
-
-
-In the pan mode, if the squiggly mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for adding squiggly to the text.
-
-Refer to the following code snippet to switch to squiggly mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from squiggly mode.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/squiggly-normal-mode-cs1" %}
-
-## Squiggly a text programmatically
-
-The PDF Viewer library enables you to programmatically add squiggly to text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/annotation/#addannotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply squiggly programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-let squiggly = document.getElementById('squiggly');
-if (squiggly) {
- squiggly.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Squiggly", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl : "https://services.syncfusion.com/js/production/api/pdfviewer",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-let squiggly = document.getElementById('squiggly');
-if (squiggly) {
- squiggly.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Squiggly", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- });
- }
- });
-}
-{% endhighlight %}
-{% endtabs %}
-
-## Deleting a text markup annotation
-
-The selected annotation can be deleted by the following ways:
-
-1. Using Delete key
- * Select the annotation to be deleted.
- * Click the Delete key in the keyboard. The selected annotation will be deleted.
-
-2. Using the annotation toolbar
- * Select the annotation to be deleted.
- * Click the **Delete Annotation** button in the annotation toolbar. The selected annotation will be deleted.
-
-
-
-## Editing the properties of the text markup annotation
-
-The color and the opacity of the text markup annotation can be edited using the Edit Color tool and the Edit Opacity tool in the annotation toolbar.
-
-### Editing color
-
-The color of the annotation can be edited using the color palette provided in the Edit Color tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-## Setting default properties during control initialization
-
-The properties of the text markup annotation can be set before creating the control using highlightSettings, underlineSettings, strikethroughSettings and squigglySettings.
-
->After editing the default color and opacity using the Edit Color tool and Edit Opacity tool, they will be changed to the selected values.
-
-Refer to the following code snippet to set the default annotation settings.
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"",
- highlightSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},
- underlineSettings: {author: 'Guest User', subject: 'Points to be remembered', color: '#00ffff', opacity: 0.9, modifiedDate: ''},
- strikethroughSettings: {author: 'Guest User', subject: 'Not Important', color: '#ff00ff', opacity: 0.9, modifiedDate: ''},
- squigglySettings: {author: 'Guest User', subject: 'Spelling Error', color: '#ff0000', opacity: 0.9, modifiedDate: ''}
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- highlightSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},
- underlineSettings: {author: 'Guest User', subject: 'Points to be remembered', color: '#00ffff', opacity: 0.9, modifiedDate: ''},
- strikethroughSettings: {author: 'Guest User', subject: 'Not Important', color: '#ff00ff', opacity: 0.9, modifiedDate: ''},
- squigglySettings: {author: 'Guest User', subject: 'Spelling Error', color: '#ff0000', opacity: 0.9, modifiedDate: ''}
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Performing undo and redo
-
-The PDF Viewer performs undo and redo for the changes made in the PDF document. In text markup annotation, undo and redo actions are provided for:
-
-* Inclusion of the text markup annotations.
-* Deletion of the text markup annotations.
-* Change of either color or opacity of the text markup annotations.
-
-Undo and redo actions can be done by the following ways:
-
-1. Using keyboard shortcuts:
- After performing a text markup annotation action, you can undo it by using Ctrl + Z shortcut and redo by using Ctrl + Y shortcut.
-2. Using toolbar:
- Undo and redo can be done using the **Undo** tool and **Redo** tool provided in the toolbar.
-
-Refer to the following code snippet for calling undo and redo actions from the client-side.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-text-markup-annotation/undo-redo-cs1" %}
-
-## Saving the text markup annotation
-
-When you click the download tool in the toolbar, the text markup annotations will be saved in the PDF document. This action will not affect the original document.
-
-## Printing the text markup annotation
-
-When the print tool is selected in the toolbar, the PDF document will be printed along with the text markup annotations added to the pages. This action will not affect the original document.
-
-## Disabling text markup annotation
-
-The PDF Viewer control provides an option to disable the text markup annotation feature. The code snippet for disabling the feature is as follows.
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextMarkupAnnotation: false,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextMarkupAnnotation: false,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## See also
-
-* [Toolbar items](../toolbar)
-* [Feature Modules](../feature-module)
diff --git a/ej2-javascript/pdfviewer/js/download.md b/ej2-javascript/pdfviewer/js/download.md
deleted file mode 100644
index ba4bceb10..000000000
--- a/ej2-javascript/pdfviewer/js/download.md
+++ /dev/null
@@ -1,141 +0,0 @@
----
-layout: post
-title: Download in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Download in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Download
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-# Download in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer supports downloading the loaded PDF file. You can enable/disable the download using the following code snippet.
-
-```html
-{% raw %}
-
-
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableDownload: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
-});
-
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableDownload: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-You can invoke download action using following code snippet.,
-
-```
-
-
-```
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableDownload: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('download').addEventListener('click', function () {
- pdfviewer.download()
-});
-
-{% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableDownload: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('download').addEventListener('click', function () {
- pdfviewer.download()
-});
-
-{% endhighlight %}
-{% endtabs %}
-
-## How to get the base64 string while downloading the PDF document
-
-The [downloadEnd](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#downloadend) event of the PDF viewer allows you to get the downloaded document as a base64 string.
-
-The following code illustrates how to get the invoke the download action in a button click to get the downloaded document as a base64 string. And load the document from base64 string in another button click.
-
-```
-
-
-
-
-```
-
-```ts
-
-var pdfstream;
-document.getElementById('download').addEventListener('click', function () {
- //API to perform download action.
- viewer.download();
- viewer.downloadEnd = function (args) {
- pdfstream = args.downloadDocument;
- //Print the document as a base64 string in the console window.
- console.log(pdfstream);
- };
-});
-
-document.getElementById('load').addEventListener('click', function () {
- //Load the base64 string in the viewer.
- viewer.load(pdfstream, null);
-});
-
-```
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/Download/Get%20the%20base64%20string%20while%20downloading).
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/ej1-api-migration.md b/ej2-javascript/pdfviewer/js/ej1-api-migration.md
deleted file mode 100644
index 9089193be..000000000
--- a/ej2-javascript/pdfviewer/js/ej1-api-migration.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: post
-title: Ej1 api migration in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Ej1 api migration in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Ej1 api migration
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Ej1 api migration in ##Platform_Name## Pdfviewer control
-
-This article describes API migration process of PDF Viewer component from Essential JS 1 to Essential JS 2.
-
-## Properties
-
-
-
-| Behavior | API in Essential JS 1 | API in Essential JS 2 |
-|---|---|---|
-| Localization | **Property**: *locale*
-
-`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', locale:"es-ES" });` | **Property**: *locale*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print); pdfviewer.appendTo('#PdfViewer');`| -|To set the PDF document path for initial loading | **Property**: *documentPath*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', documentPath: "HTTP Succinctly.pdf" });` | **Property**: *documentPath*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ documentPath: "PDF_Succinctly.pdf", serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| To get the number of the page being displayed in the PDF Viewer | **Property**: *currentPageNumber*
`$var pdfviewerObj = $("#viewer").data("ejPdfViewer");var currentPage = pdfviewerObj.currentPageNumber;` | **Property**: *currentPageNumber*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0];var currentPage = pdfviewerObj.currentPageNumber;`| -| Enables or disables the hyperlinks in PDF document | **Property**: *enableHyperlink*
`var pdfviewerObj =$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', enableHyperlink: false });` | **Property**: *enableHyperlink*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer',enableHyperlink: false});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Enables or disables the text selection in PDF document | **Property**: *enableTextSelection*
`$var pdfviewerObj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', enableTextSelection: false });` | **Property**: *enableTextSelection*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer',enableTextSelection: false});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| To get the name of the PDF document loaded in PDF Viewer | **Property**: *fileName*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer"); var fileName = pdfviewerObj.fileName;` | **Property**: *fileName*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; var currentPage = pdfviewerObj.fileName;`| -| Specifies the open state of hyperlink in the PDF document | **Property**: *hyperlinkOpenState*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', hyperlinkOpenState : ej.PdfViewer.LinkTarget.NewTab});` | **Property**: *hyperlinkOpenState*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer',hyperlinkOpenState :"NewTab",});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Checks whether the PDF document is edited | **Property**: *isDocumentEdited*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");var isEdited = pdfviewerObj.isDocumentEdited;` | **Property**: *isDocumentEdited*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; var isDocumentEdited = pdfviewerObj.isDocumentEdited;`| -| Gets the total number of pages in PDF document | **Property**: *pageCount*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");var pageCount = pdfviewerObj.pageCount;` | **Property**: *pageCount*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; var pageCount = pdfviewerObj.pageCount;`| -| Sets the PDF Web API service URL | **Property**: *serviceUrl*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', documentPath: "HTTP Succinctly.pdf" });` | **Property**: *serviceUrl*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer',});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Specifies the viewer interaction mode | **Property**: *interactionMode*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', interactionMode: ej.PdfViewer.InteractionMode.Pan})` | **Property**: *interactionMode*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer',interactionMode:"Pan"});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Gets the current zoom percentage of the PDF document in viewer | **Property**: *zoomPercentage*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");var zoomPercentage = pdfviewerObj.zoomPercentage;` | **Property**: *zoomPercentage*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; var zoomPercentage = pdfviewerObj.zoomPercentage;`| -| Specifies the name of the action method in the server | **Property**: *serverActionSettings*
`$("#viewer").ejPdfViewer ({ServiceUrl:'../api/PdfViewer', serverActionSettings: { load: "Load", fileUpload: "FileUpload", print: "Print", download: "Download" } });});` | **Property**: *serverActionSettings*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer',serverActionSettings: {load:'Upload', renderPages:'RenderPdfPages', renderComments:'RenderAnnotationComments', renderThumbnail:'RenderThumbnailImages' , unload:'Unload', print:'PrintImages', download:'Donwload' },});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Defines the settings of the PdfViewer toolbar | **Property**: *toolbarSettings*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', toolbarSettings: { showTooltip: false } });` | **Property**: *toolbarSettings*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer', toolbarSettings: { showTooltip : true, toolbarItem: ['OpenOption']}});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Gets/sets the settings of the highlight annotation | **Property**: *highlightSettings*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', highlightSettings: {color: "#ffff00", author: "Guest", opacity: 0.5, subject: "highlight", modifiedDate: "2017-03-27 12:00:51", isLocked: true} });` | **Property**: *highlightSettings*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer', highlightSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Gets/sets the settings of the underline annotation | **Property**: *underlineSettings*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', underlineSettings: {color: "#ffff00", author: "Guest", opacity: 0.5, subject: "highlight", modifiedDate: "2017-03-27 12:00:51", isLocked: true} });` | **Property**: *underlineSettings*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer', underlineSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -| Gets/sets the settings of the strikethrough annotation | **Property**: *strikethroughSettings*
`$("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', strikethroughSettings: {color: "#ffff00", author: "Guest", opacity: 0.5, subject: "highlight", modifiedDate: "2017-03-27 12:00:51", isLocked: true} });` | **Property**: *strikethroughSettings*
`var pdfviewer = new ej.pdfviewer.PdfViewer({serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer', strikethroughSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},});ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| - -## Methods - - - -| Behavior | API in Essential JS 1 | API in Essential JS 2 | -| --- | --- | --- | -| Downloads the PDF document being loaded in the ejPdfViewer control | **Property**: *download()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.download();` | **Property**: *download()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.download();`| -| Scales the page to fit the page in the container in the control | **Property**: *fitToPage()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.fitToPage();` | **Property**: *fitToPage()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.magnification.fitToPage();`| -| Scales the page to fit the page width to the width of the container in the control | **Property**: *fitToWidth()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.fitToWidth();` | **Property**: *fitToWidth()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.magnification.fitToWidth();`| -| Magnifies the page to the next value in the zoom drop down list | **Property**: *zoomIn()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.zoomIn();` | **Property**: *zoomIn()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.magnification.zoomIn();`| -|Shrinks the page to the previous value in the magnification in the drop down list | **Property**: *zoomOut()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.zoomOut();` | **Property**: *zoomOut()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.magnification.zoomOut();`| -|Shrinks the page to the previous value in the magnification in the drop down list | **Property**: *zoomTo(zoomValue)*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.zoomTo(130);` | **Property**: *zoomTo(zoomValue)*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.magnification.zoomTo("130");`| -|Navigates to the first page of PDF document | **Property**: *goToFirstPage()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.goToFirstPage();` | **Property**: *goToFirstPage()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.navigation.goToFirstPage();`| -|Navigates to the next page of PDF document | **Property**: *goToNextPage()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.goToNextPage();` | **Property**: *goToNextPage()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.navigation.goToNextPage();`| -|Navigates to the previous page of PDF document | **Property**: *goToPreviousPage()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.goToPreviousPage();` | **Property**: *goToPreviousPage()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.navigation.goToPreviousPage();`| -|Navigates to the last page of PDF document | **Property**: *goToLastPage()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.goToLastPage();` | **Property**: *goToLastPage()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.navigation.goToLastPage();`| -|Navigates to the specific page in the PDF document | **Property**: *goToPage(pageNumber)*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.goToPage(3);` | **Property**: *goToPage(pageNumber)*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.navigation.goToPage(3);`| -|Loads the document and displays it in PDF Viewer | **Property**: *load(fileName)*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.load("Manual");` | **Property**: *load(fileName, password)*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.load("Manual",null);`| -|Searches the target text in the PDF document and highlights the occurrences in the pages | **Property**: *searchText(targetText)*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.searchText("name");` | **Property**: *searchText(searchText,isMatchCase)*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.textSearch.searchText("name", true);`| -|Searches the next occurrence of the searched text from the current occurrence in the PDF Viewer control | **Property**: *searchNext()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.searchNext();` | **Property**: *searchNext()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.textSearch.searchNext();`| -|Searches the previous occurrence of the searched text from the current occurrence in the PDF viewer control | **Property**: *searchPrevious()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.searchPrevious();` | **Property**: *searchPrevious()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.textSearch.searchPrevious();`| -|Cancels the text search and removes the highlighted occurrences from the PDF Viewer | **Property**: *cancelSearchText()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.cancelSearchText();` | **Property**: *cancelSearchText()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.textSearch.cancelSearchText();`| -|Prints the PDF document| **Property**: *print()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.print();` | **Property**: *print()*
`var pdfviewer = new ej.pdfviewer.PdfViewer({locale: 'es-ES', serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer'}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');pdfviewer.print.print();`| -|Performs redo function for the included annotations in the PDF document| **Property**: *redo()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.redo();` | **Property**: *redo()*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; pdfviewerObj.annotation.redo();`| -|Performs undo function for the included annotations in the PDF document| **Property**: *undo()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.undo();` | **Property**: *undo()*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; pdfviewerObj.annotation.undo();`| -|Unloads the PDF document being displayed in the PDF viewer| **Property**: *unload()*
`var pdfviewerObj = $("#viewer").data("ejPdfViewer");pdfviewerObj.unload();` | **Property**: *unload()*
`var pdfviewerObj = document.getElementById("PdfViewer").ej2_instances[0]; pdfviewerObj.unload();`| - -## Events - - - -| Behavior | API in Essential JS 1 | API in Essential JS 2 | -| --- | --- | --- | -|Triggers when the PDF document gets loaded and is ready to view in the Control| **Property**: *documentLoad*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', documentLoad:"documentLoaded" });});function documentLoaded(args) {alert("The document" +args.fileName + "is ready to view");}` | **Property**: *documentLoad*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',documentLoad: function () {alert("The PDF document is Loaded")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when hyperlink in the PDF document is clicked| **Property**: *hyperlinkClick*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', hyperlinkClick:"onHyperlinkClicked" });});function onHyperlinkClicked(args) {alert(""The hyperlink is " + args.hyperlink");}` | **Property**: *hyperlinkClick*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',hyperlinkClick: function () {alert("The hyperlink is clicked")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when there is a change in current page number| **Property**: *pageChange*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer',pageChange:"currentPageChanged" });});function currentPageChanged(args) {alert("The current page number is " + args.currentPageNumber);}` | **Property**: *pageChange*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',pageChange: function () {alert("Current page is changed")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when the mouse click is performed over the page of the PDF document| **Property**: *pageClick*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', pageClick: "onPageClicked" });});function onPageClicked(args) { alert("X-coordinate :" + args.XCoordinate + " Y-coordinate :" + args.YCoordinate);}` | **Property**: *pageClick*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',pageClick: function () {alert("Page is clicked")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when there is a change in the magnification value| **Property**: *zoomChange*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', zoomChange: "zoomChanged" });});function onPageClicked(args) { alert("The magnification changes from " + args.previousZoomPercentage + " to" + args.currentZoomPercentage);}` | **Property**: *zoomChange*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',zoomChange: function () {alert("Zoom Value is changed")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when an annotation is added over the page of the PDF document| **Property**: *annotationAdd*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', annotationAdd: "annotationAdd" });});function annotationAdd(args) { alert("The annotation is added to the PDF document successfully");}` | **Property**: *annotationAdd*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',annotationAdd: function () { alert("The annotation is added to the PDF document successfully")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when an annotation is removed from the page of the PDF document| **Property**: *annotationRemove*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', annotationRemove: "annotationRemove" });});function annotationRemove(args) {alert("The annotation is removed from the PDF document successfully");}` | **Property**: *annotationRemove*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',annotationRemove: function () {alert("The annotation is removed from the PDF document successfully")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| -|Triggers when the property of the annotation is changed in the page of the PDF document| **Property**: *annotationPropertiesChange*
`$(function () {var obj = $("#viewer").ejPdfViewer({ serviceUrl: '../api/PdfViewer', annotationPropertiesChange: "annotationPropertiesChange" });});function annotationPropertiesChange(args) {alert("The annotation property is changed successfully");}` | **Property**: *annotationPropertiesChange*
`var pdfviewer = new ej.pdfviewer.PdfViewer({ serviceUrl:https://services.syncfusion.com/js/production/api/pdfviewer',annotationPropertiesChange: function () {alert("The annotation property is changed successfully")}}); ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch,ej.pdfviewer.Navigation,ej.pdfviewer.Print);pdfviewer.appendTo('#PdfViewer');`| diff --git a/ej2-javascript/pdfviewer/js/feature-module.md b/ej2-javascript/pdfviewer/js/feature-module.md deleted file mode 100644 index be585ca63..000000000 --- a/ej2-javascript/pdfviewer/js/feature-module.md +++ /dev/null @@ -1,52 +0,0 @@ ---- -layout: post -title: Feature module in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about Feature module in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Feature module -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Feature module in ##Platform_Name## Pdfviewer control - -The PDF Viewer features are segregated into individual feature-wise modules to enable selectively referencing in the application. The required modules should be injected to extend its functionality. The following are the selective modules of PDF Viewer that can be included as required: - -The available PdfViewer modules are: - -* **Toolbar**:- Built-in toolbar for better user interaction. -* **Magnification**:- Perform zooming operation for better viewing experience. -* **Navigation**:- Easy navigation across the PDF pages. -* **LinkAnnotation**:- Easy navigation within and outside of the PDF document. -* **ThumbnailView**:- Easy navigation with in the PDF document. -* **BookmarkView**:- Easy navigation based on the bookmark content of the PDF document. -* **TextSelection**:- Select and copy text from a PDF file. -* **TextSearch**:- Search a text easily across the PDF document. -* **Print**:- Print the entire document or a specific page directly from the browser. -* **Annotation**:- Annotations can be added or edited in the PDF document. -* **FormFields**:- Preserve the form fields in the PDF document. -* **FormDesigner**:- Form fields can be added or edited in the PDF document. - ->In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a PDF Viewer instance. -Refer to the following table. - -| Module | Dependent modules to be injected for extending the functionality of PDF Viewer in your application | Property to enable the functionality for a PDF Viewer instance | -|---|---|---| -|Toolbar|`PdfViewer.Inject(Toolbar)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableToolbar: true });`| -|Magnification|`PdfViewer.Inject(Magnification)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableMagnification: true });`| -|Navigation|`PdfViewer.Inject(Navigation)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableNavigation: true });`| -|LinkAnnotation|`PdfViewer.Inject(LinkAnnotation)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableHyperlink: true });`| -|ThumbnailView|`PdfViewer.Inject(ThumbnailView)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableThumbnail: true });`| -|BookmarkView|`PdfViewer.Inject(BookmarkView)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableBookmark: true });`| -|TextSelection|`PdfViewer.Inject(TextSelection)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableTextSelection: true });`| -|TextSearch|`PdfViewer.Inject(TextSearch)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableTextSearch: true });`| -|Print|`PdfViewer.Inject(Print)`|`let pdfViewer: PdfViewer = new PdfViewer({ enablePrint: true });`| -|Annotation|`PdfViewer.Inject(Annotation)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableAnnotation: true });`| -|FormFields|`PdfViewer.Inject(FormFields)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableFormFields: true });`| -|FormDesigner|`PdfViewer.Inject(FormDesigner)`|`let pdfViewer: PdfViewer = new PdfViewer({ enableFormDesigner: true });`| - -## See also - -* [Toolbar items](./toolbar) -* [Toolbar customization](./how-to/customization) \ No newline at end of file diff --git a/ej2-javascript/pdfviewer/js/form-designer/create-programmatically.md b/ej2-javascript/pdfviewer/js/form-designer/create-programmatically.md deleted file mode 100644 index 0a117ca75..000000000 --- a/ej2-javascript/pdfviewer/js/form-designer/create-programmatically.md +++ /dev/null @@ -1,1381 +0,0 @@ ---- -layout: post -title: Create programmatically in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about Create programmatically in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Create programmatically -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Create programmatically in ##Platform_Name## Pdfviewer control - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/addformfield-cs1/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/addformfield-cs1/index.html %} -{% endhighlight %} -{% endtabs %} - -N> To set up the **server-backed PDF Viewer**, -Add the below `serviceUrl` in the `index.html` file -`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'` - -{% previewsample "page.domainurl/code-snippet/pdfviewer/addformfield-cs1" %} - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/updateformfield-cs1/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/updateformfield-cs1/index.html %} -{% endhighlight %} -{% endtabs %} - -N> To set up the **server-backed PDF Viewer**, -Add the below `serviceUrl` in the `index.html` file -`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'` - -{% previewsample "page.domainurl/code-snippet/pdfviewer/updateformfield-cs1" %} - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/deleteformfield-cs1/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/deleteformfield-cs1/index.html %} -{% endhighlight %} -{% endtabs %} - -N> To set up the **server-backed PDF Viewer**, -Add the below `serviceUrl` in the `index.html` file -`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'` - -{% previewsample "page.domainurl/code-snippet/pdfviewer/deleteformfield-cs1" %} - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - - - -You can invoke download action using following code snippet. - - -``` - - -``` -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - enableDownload: true, - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -document.getElementById('download').addEventListener('click', function () { - pdfviewer.download() -}); - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - enableDownload: true, - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -document.getElementById('download').addEventListener('click', function () { - pdfviewer.download() -}); - -{% endhighlight %} -{% endtabs %} - - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - - - -You can invoke print action using the following code snippet., - -``` - - -``` - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - enablePrint: true, - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -document.getElementById('print').addEventListener('click', function () { - pdfviewer.print.print(); -}); - - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - enablePrint: true, - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -document.getElementById('print').addEventListener('click', function () { - pdfviewer.print.print(); -}); - -{% endhighlight %} -{% endtabs %} - -## setFormFieldMode programmatically - -The **setFormFieldMode** method is a function in the Syncfusion PDF Viewer library that allows you to add a form field dynamically by passing the type of the form field. You can pass the form fields as a parameter like below. - -``` - - -``` - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -document.getElementById('addPasswordField').addEventListener('click', function () { - pdfviewer.formDesignerModule.setFormFieldMode("Password"); -}); - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -document.getElementById('addPasswordField').addEventListener('click', function () { - pdfviewer.formDesignerModule.setFormFieldMode("Password"); -}); -{% endhighlight %} -{% endtabs %} - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - - - -## Validate form fields - -The form fields in the PDF Document will be validated when the `enableFormFieldsValidation` is set to true and hook the validateFormFields. The validateFormFields will be triggered when the PDF document is downloaded or printed with the non-filled form fields. The non-filled fields will be obtained in the `nonFillableFields` property of the event arguments of validateFormFields. - -Add the following code snippet to validate the form fields, - - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -viewer.enableFormFieldsValidation = true; -viewer.validateFormFields = function (args) { - var nonfilledFormFields = args.nonFillableFields; -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -viewer.enableFormFieldsValidation = true; -viewer.validateFormFields = function (args) { - var nonfilledFormFields = args.nonFillableFields; -}; - -{% endhighlight %} -{% endtabs %} - - -## Export and import form fields - -The PDF Viewer control provides the support to export and import the form field data in the following formats using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods. - -* FDF -* XFDF -* JSON - -### Export and import as FDF - -Using the `exportFormFields` method, the form field data can be exported in the specified data format. This method accepts two parameters: - -* The first one must be the destination path for the exported data. If the path is not specified, it will ask for the location while exporting. -* The second parameter should be the format type of the form data. - -The following code explains how to export the form field data as FDF. - -```javascript - - - - - - -// Event triggers on Export FDF button click. -document.getElementById('exportFdf').addEventListener('click', ()=> { - // Data must be the desired path for the exported document. - viewer.exportFormFields('Data', FormFieldDataFormat.Fdf); -}); - -// Event triggers on Import FDF button click. -document.getElementById('importFdf').addEventListener('click', ()=> { - // The file for importing the form fields should be placed in the desired location, and the path should be provided correctly. - viewer.importFormFields('File', FormFieldDataFormat.Fdf); -}); - -``` - -### Export and import as XFDF - -The following code explains how to export the form field data as XFDF. - -```javascript - - - - - -// Event triggers on Export XFDF button click. -document.getElementById('exportXfdf').addEventListener('click', ()=> { - // Data must be the desired path for the exported document. - viewer.exportFormFields('Data', FormFieldDataFormat.Xfdf); -}); - -// Event triggers on Import XFDF button click. -document.getElementById('importXfdf').addEventListener('click', ()=> { - // The file for importing the form fields should be placed in the desired location, and the path should be provided correctly. - viewer.importFormFields('File', FormFieldDataFormat.Xfdf); -}); -``` - -### Export and import as JSON - -The following code explains how to export the form field data as JSON. - -```javascript - - - - - - -// Event triggers on Export JSON button click. -document.getElementById('exportJson').addEventListener('click', ()=> { - // Data must be the desired path for the exported document. - viewer.exportFormFields('Data', FormFieldDataFormat.Json); -}); - -// Event triggers on Import JSON button click. -document.getElementById('importJson').addEventListener('click', ()=> { - // The file for importing the form fields should be placed in the desired location, and the path should be provided correctly - viewer.importFormFields('File', FormFieldDataFormat.Json); -}); -``` - -### Export and import as Object - -The PDF Viewer control supports exporting the form field data as an object, and the exported data will be imported into the current PDF document from the object. - -The following code shows how to export the form field data as an object and import the form field data from that object into the current PDF document via a button click. - -```javascript - - - - - - -var exportedData; - -// Event triggers on Export Object button click. -document.getElementById('exportDataAsObject').addEventListener('click', ()=> { - // Export the form field data to an FDF object. - viewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(value => { - exportedData = value; - }); - - // // Export the form field data to an XFDF object. - // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Xfdf).then(value =>{ - // exportedData = value; - // }) - - // // Export the form field data to an JSON object. - // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Json).then(value =>{ - // exportedData = value; - // }) -}); - -// Event triggers on Import Data button click. -document.getElementById('importData').addEventListener('click', ()=> { - // Import the form field data from the FDF object into the current PDF document. - viewer.importFormFields(exportedData, FormFieldDataFormat.Fdf); - - //// Import the form field data from the XFDF object into the current PDF document. - //viewer.importFormFields (exportedData, FormFieldDataFormat.Xfdf); - - //// Import the form field data from the FDF object into the current PDF document. - //viewer.importFormFields (exportedData, FormFieldDataFormat.Json); -}); -``` -## Form field properties - -Form field properties in Syncfusion PDF Viewer allow you to customize and interact with form fields embedded within PDF documents. This documentation provides an overview of the form field properties supported by the Syncfusion PDF Viewer and explains how to use them effectively. - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -### Signature and initial fields settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the signature field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'Initial', - isReadOnly: true, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'Initial', - thickness: 4 - }); -}); - -``` - -The following code example explains how to update the properties of the signature field added to the document from the form designer toolbar. - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the signature field settings -pdfviewer.signatureFieldSettings = { - // Set the name of the form field element. - name: 'Signature', - // Specify whether the signature field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the signature field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Signature', - // Set the thickness of the Signature field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specify the properties of the signature Dialog Settings in the signature field. - signatureDialogSettings: { - displayMode: ej.pdfviewer.DisplayMode.Draw | ej.pdfviewer.DisplayMode.Upload - | ej.pdfviewer.DisplayMode.Text, - hideSaveSignature: false, - }, - // Specify the properties of the signature indicator in the signature field. - signatureIndicatorSettings: { - opacity: 1, - backgroundColor: '#237ba2', - height: 50, - fontSize: 15, - text: 'Signature Field', - color: 'white' - }, -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the signature field settings -pdfviewer.signatureFieldSettings = { - // Set the name of the form field element. - name: 'Signature', - // Specify whether the signature field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the signature field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Signature', - // Set the thickness of the Signature field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specify the properties of the signature Dialog Settings in the signature field. - signatureDialogSettings: { - displayMode: ej.pdfviewer.DisplayMode.Draw | ej.pdfviewer.DisplayMode.Upload - | ej.pdfviewer.DisplayMode.Text, - hideSaveSignature: false, - }, - // Specify the properties of the signature indicator in the signature field. - signatureIndicatorSettings: { - opacity: 1, - backgroundColor: '#237ba2', - height: 50, - fontSize: 15, - text: 'Signature Field', - color: 'white' - }, -}; - -{% endhighlight %} -{% endtabs %} - - - -The following code example explains how to update the properties of the initial field added to the document from the form designer toolbar. - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the signature field settings -pdfviewer.initialFieldSettings = { - // Set the name of the form field element. - name: 'Initial', - // Specify whether the initial field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the initial field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Initial', - // Set the thickness of the initial field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specifies the properties of the initial indicator in the initial field. - initialIndicatorSettings: { - opacity: 1, - backgroundColor: '#237ba2', - height: 50, - fontSize: 15, - text: 'Initial Field', - color: 'white' - }, - // Specify the properties of the initial Dialog Settings in the intial field. - initialDialogSettings: { - displayMode: ej.pdfviewer.DisplayMode.Draw | ej.pdfviewer.DisplayMode.Upload - | ej.pdfviewer.DisplayMode.Text, - hideSaveSignature: false - } -}; -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the signature field settings -pdfviewer.initialFieldSettings = { - // Set the name of the form field element. - name: 'Initial', - // Specify whether the initial field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the initial field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Initial', - // Set the thickness of the initial field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specifies the properties of the initial indicator in the initial field. - initialIndicatorSettings: { - opacity: 1, - backgroundColor: '#237ba2', - height: 50, - fontSize: 15, - text: 'Initial Field', - color: 'white' - }, - // Specify the properties of the initial Dialog Settings in the intial field. - initialDialogSettings: { - displayMode: ej.pdfviewer.DisplayMode.Draw | ej.pdfviewer.DisplayMode.Upload - | ej.pdfviewer.DisplayMode.Text, - hideSaveSignature: false - } -}; - -{% endhighlight %} -{% endtabs %} - - - -### Textbox field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the Textbox field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'Textbox', - isReadOnly: true, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'Textbox', - thickness: 4, - value:'Textbox', - fontFamily: 'Courier', - fontSize: 10, - fontStyle: 'None', - color: 'black', - borderColor: 'black', - backgroundColor: 'white', - alignment: 'Left', - maxLength: 0, - isMultiline: false, - bounds: { X: 146, Y: 229, Width: 150, Height: 24 } - }); -}); - - -``` - -The following code example explains how to update the properties of the Textbox field added to the document from the form designer toolbar. - - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the Textbox field settings -pdfviewer.textFieldSettings = { - // Set the name of the form field element. - name: 'Textbox', - // Specify whether the Textbox field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the Textbox field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Textbox', - // Set the thickness of the Textbox field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'Textbox', - // Set the font family of the textbox field. - fontFamily: 'Courier', - // Set the font size of the textbox field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the textbox field. - color: 'black', - // Set the border color of the textbox field. - borderColor: 'black', - // Set the background color of the textbox field. - backgroundColor: 'White', - // Set the alignment of the text. - alignment: 'Left', - // Set the maximum character length. - maxLength: 0, - // Allows multiline input in the text field. FALSE, by default. - isMultiline: false -}; -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the Textbox field settings -pdfviewer.textFieldSettings = { - // Set the name of the form field element. - name: 'Textbox', - // Specify whether the Textbox field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the Textbox field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Textbox', - // Set the thickness of the Textbox field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'Textbox', - // Set the font family of the textbox field. - fontFamily: 'Courier', - // Set the font size of the textbox field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the textbox field. - color: 'black', - // Set the border color of the textbox field. - borderColor: 'black', - // Set the background color of the textbox field. - backgroundColor: 'White', - // Set the alignment of the text. - alignment: 'Left', - // Set the maximum character length. - maxLength: 0, - // Allows multiline input in the text field. FALSE, by default. - isMultiline: false -}; - -{% endhighlight %} -{% endtabs %} - - - -### Password field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the Password field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'Password', - isReadOnly: true, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'Password', - thickness: 4, - value:'Password', - fontFamily: 'Courier', - fontSize: 10, - fontStyle: 'None', - color: 'black', - borderColor: 'black', - backgroundColor: 'white', - alignment: 'Left', - maxLength: 0, - bounds: { X: 148, Y: 229, Width: 150, Height: 24 } - }); -}); - - -``` - -The following code example explains how to update the properties of the Password field added to the document from the form designer toolbar. - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the Password field settings -pdfviewer.passwordFieldSettings = { - // Set the name of the form field element. - name: 'Password', - // Specify whether the Password field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the Password field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Password', - // Set the thickness of the Password field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'Password', - // Set the font family of the Password field. - fontFamily: 'Courier', - // Set the font size of the Password field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the Password field. - color: 'black', - // Set the border color of the Password field. - borderColor: 'black', - // Set the background color of the Password field. - backgroundColor: 'white', - // Set the alignment of the text. - alignment: 'Left', - // Set the maximum character length. - maxLength: 0, -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the Password field settings -pdfviewer.passwordFieldSettings = { - // Set the name of the form field element. - name: 'Password', - // Specify whether the Password field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the Password field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'Password', - // Set the thickness of the Password field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'Password', - // Set the font family of the Password field. - fontFamily: 'Courier', - // Set the font size of the Password field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the Password field. - color: 'black', - // Set the border color of the Password field. - borderColor: 'black', - // Set the background color of the Password field. - backgroundColor: 'white', - // Set the alignment of the text. - alignment: 'Left', - // Set the maximum character length. - maxLength: 0, -}; - - -{% endhighlight %} -{% endtabs %} - - - -### CheckBox field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the CheckBox field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'CheckBox', - isReadOnly: true, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'CheckBox', - thickness: 4, - isChecked: true, - backgroundColor: 'white', - borderColor: 'black', - value: 'CheckBox', - }); -}); - - -``` - -The following code example explains how to update the properties of the CheckBox field added to the document from the form designer toolbar. - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the CheckBox field settings -pdfviewer.checkBoxFieldSettings = { - // Set the name of the form field element. - name: 'CheckBox', - // Specify whether the CheckBox field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the CheckBox field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'CheckBox', - // Set the thickness of the CheckBox field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specifies whether the check box is in checked state or not. - isChecked: true, - // Set the background color of the check box in hexadecimal string format. - backgroundColor: 'white', - // Set the border color of the check box field. - borderColor: 'black', - // Set the value of -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the CheckBox field settings -pdfviewer.checkBoxFieldSettings = { - // Set the name of the form field element. - name: 'CheckBox', - // Specify whether the CheckBox field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the CheckBox field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'CheckBox', - // Set the thickness of the CheckBox field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specifies whether the check box is in checked state or not. - isChecked: true, - // Set the background color of the check box in hexadecimal string format. - backgroundColor: 'white', - // Set the border color of the check box field. - borderColor: 'black', - // Set the value of -}; - -{% endhighlight %} -{% endtabs %} - - - -### RadioButton field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the RadioButton field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'RadioButton', - isReadOnly: true, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'RadioButton', - thickness: 4, - isSelected: true, - backgroundColor: 'white', - borderColor: 'black', - value: 'RadioButton' - }); -}); - - -``` - -The following code example explains how to update the properties of the RadioButton field added to the document from the form designer toolbar. - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the RadioButton field settings -pdfviewer.radioButtonFieldSettings = { - // Set the name of the form field element. - name: 'RadioButton', - // Specify whether the RadioButton field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the RadioButton field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'RadioButton', - // Set the thickness of the RadioButton field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specifies whether the radio button is in checked state or not. - isSelected: true, - // Set the background color of the radio button in hexadecimal string format. - backgroundColor: 'white', - // Set the border color of the radio button field. - borderColor: 'black', - // Set the value of the form field element. - value: 'RadioButton' -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -// Properties to customize the RadioButton field settings -pdfviewer.radioButtonFieldSettings = { - // Set the name of the form field element. - name: 'RadioButton', - // Specify whether the RadioButton field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the RadioButton field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'RadioButton', - // Set the thickness of the RadioButton field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Specifies whether the radio button is in checked state or not. - isSelected: true, - // Set the background color of the radio button in hexadecimal string format. - backgroundColor: 'white', - // Set the border color of the radio button field. - borderColor: 'black', - // Set the value of the form field element. - value: 'RadioButton' -}; - -{% endhighlight %} -{% endtabs %} - - - -### ListBox field settings - -Using the `updateFormField` method, the form fields can be updated programmatically. - -The following code example explains how to update the ListBox field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}] - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'ListBox', - isReadOnly: false, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'ListBox', - thickness: 4, - fontFamily: 'Courier', - fontSize: 10, - fontStyle: 'None', - color: 'black', - borderColor: 'black', - backgroundColor: 'white', - alignment: 'Left', - options: customOptions, - }); -}); - -``` - -The following code example explains how to update the properties of the Listbox field added to the document from the form designer toolbar. - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); - var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}] -// Properties to customize the Listbox field settings -pdfviewer.listBoxFieldSettings = { - // Set the name of the form field element. - name: 'ListBox', - // Specify whether the ListBox field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the ListBox field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'ListBox', - // Set the thickness of the ListBox field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'ListBox', - // Set the font family of the ListBox field. - fontFamily: 'Courier', - // Set the font size of the ListBox field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the ListBox field. - color: 'black', - // Set the border color of the ListBox field. - borderColor: 'black', - // Set the background color of the ListBox field. - backgroundColor: 'White', - // Set the alignment of the text. - alignment: 'Left', - // Set the listbox items. - options: customOptions -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}] -// Properties to customize the Listbox field settings -pdfviewer.listBoxFieldSettings = { - // Set the name of the form field element. - name: 'ListBox', - // Specify whether the ListBox field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the ListBox field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'ListBox', - // Set the thickness of the ListBox field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'ListBox', - // Set the font family of the ListBox field. - fontFamily: 'Courier', - // Set the font size of the ListBox field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the ListBox field. - color: 'black', - // Set the border color of the ListBox field. - borderColor: 'black', - // Set the background color of the ListBox field. - backgroundColor: 'White', - // Set the alignment of the text. - alignment: 'Left', - // Set the listbox items. - options: customOptions -}; - - -{% endhighlight %} -{% endtabs %} - - - -### DropDown field settings - -Using the [updateFormField](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#updateformfields) method, the form fields can be updated programmatically. - -The following code example explains how to update the DropDown field properties on a button click. - -```html - - -``` - -```javascript - -document.getElementById('updateProperties').addEventListener('click',function() { - var formField = viewer.retrieveFormFields(); - var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}] - viewer.formDesignerModule.updateFormField(formField[0], { - name: 'DropDown', - isReadOnly: false, - visibility: 'visible', - isRequired: false, - isPrint: true, - tooltip: 'DropDown', - thickness: 4, - fontFamily: 'Courier', - fontSize: 10, - fontStyle: 'None', - color: 'black', - borderColor: 'black', - backgroundColor: 'white', - alignment: 'Left', - options: customOptions, - }); -}); - - -``` - -The following code example explains how to update the properties of the Dropdown field added to the document from the form designer toolbar. - - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); - var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}] -// Properties to customize the DropDown field settings -pdfviewer.DropdownFieldSettings = { - // Set the name of the form field element. - name: 'DropDown', - // Specify whether the DropDown field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the DropDown field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'DropDown', - // Set the thickness of the DropDown field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'DropDown', - // Set the font family of the DropDown field. - fontFamily: 'Courier', - // Set the font size of the DropDown field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the DropDown field. - color: 'black', - // Set the border color of the DropDown field. - borderColor: 'black', - // Set the background color of the DropDown field. - backgroundColor: 'White', - // Set the alignment of the text. - alignment: 'Left', - // Set the DropDown items. - options: customOptions -}; - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); - ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); - -pdfviewer.appendTo('#PdfViewer'); -var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}] -// Properties to customize the DropDown field settings -pdfviewer.DropdownFieldSettings = { - // Set the name of the form field element. - name: 'DropDown', - // Specify whether the DropDown field is in read-only or read-write mode. - isReadOnly: false, - // Set the visibility of the form field. - visibility: 'visible', - // Specify whether the field is mandatory or not. - isRequired: false, - // Specify whether to print the DropDown field. - isPrint: true, - // Set the text to be displayed as a tooltip. - tooltip: 'DropDown', - // Set the thickness of the DropDown field. To hide the borders, set the value to 0 (zero). - thickness: 4, - // Set the value of the form field element. - value:'DropDown', - // Set the font family of the DropDown field. - fontFamily: 'Courier', - // Set the font size of the DropDown field. - fontSize: 10, - // Specify the font style - fontStyle: 'None', - // Set the font color of the DropDown field. - color: 'black', - // Set the border color of the DropDown field. - borderColor: 'black', - // Set the background color of the DropDown field. - backgroundColor: 'White', - // Set the alignment of the text. - alignment: 'Left', - // Set the DropDown items. - options: customOptions -}; - -{% endhighlight %} -{% endtabs %} - - \ No newline at end of file diff --git a/ej2-javascript/pdfviewer/js/form-designer/create-with-user-interface-interaction.md b/ej2-javascript/pdfviewer/js/form-designer/create-with-user-interface-interaction.md deleted file mode 100644 index 7a7e5f807..000000000 --- a/ej2-javascript/pdfviewer/js/form-designer/create-with-user-interface-interaction.md +++ /dev/null @@ -1,134 +0,0 @@ ---- -layout: post -title: User interaction in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about Create with user interface interaction in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Create with user interface interaction -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Create with user interface interaction - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - - - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - enableFormDesignerToolbar: true -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer', - enableFormDesignerToolbar: true -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% endtabs %} - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - - - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - - - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - - - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - - - - - - - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - - - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -``` - - -``` - - -{% tabs %} -{% highlight js tabtitle="Standalone" %} - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -document.getElementById('undo').addEventListener('click', function () { - pdfviewer.undo(); -}); - -document.getElementById('redo').addEventListener('click', function () { - pdfviewer.redo(); -}); - -{% endhighlight %} -{% highlight js tabtitle="Server-Backed" %} - - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/form-designer.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer', -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields); -pdfviewer.appendTo('#PdfViewer'); -document.getElementById('undo').addEventListener('click', function () { - pdfviewer.undo(); -}); - -document.getElementById('redo').addEventListener('click', function () { - pdfviewer.redo(); -}); -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-javascript/pdfviewer/js/form-designer/form-field-events.md b/ej2-javascript/pdfviewer/js/form-designer/form-field-events.md deleted file mode 100644 index 7a58e338b..000000000 --- a/ej2-javascript/pdfviewer/js/form-designer/form-field-events.md +++ /dev/null @@ -1,199 +0,0 @@ ---- -layout: post -title: Form Field Events in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about different form field in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Form Field Events -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# PDF Viewer Form Field events - -The PDF Viewer control provides the support to different Form Field events. The Form Field events supported by the PDF Viewer Control are: - -| Form Field events | Description | -|---|---| -| [formFieldAdd](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs/) | Event trigger when a form field is added.| -| [formFieldClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs/) | Events trigger when the form field is selected.| -| [formFieldDoubleClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs/) | Events trigger when the form field is double-clicked.| -| [formFieldFocusOut](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs/) | Events trigger when focus out from the form fields.| -| [formFieldMouseLeave](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs/) | Events trigger when the mouse cursor leaves the form field.| -| [formFieldMouseOver](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs/) | Events trigger when the mouse cursor is over a form field.| -| [formFieldMove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs/) | Events trigger when a form field is moved.| -| [formFieldPropertiesChange](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs/) | Events trigger when a property of form field is changed.| -| [formFieldRemove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs/) | Events trigger when a form field is removed.| -| [formFieldResize](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs/) | Events trigger when a form field is resized.| -| [formFieldSelect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs/) | Events trigger when a form field is selected.| -| [formFieldUnselect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs/) | Events trigger when a form field is unselected.| -| [validateFormFields](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs/) | Events trigger when validation is failed.| - -## formFieldAdd event - -The [formFieldAdd](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs/) event is triggered when a new form field is added, either programmatically or through user interaction. The event arguments provide the necessary information about the form field addition. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldaddevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldaddevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldClick event - -The [formFieldClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs/) event is triggered when a form field is clicked. The event arguments provide the necessary information about the form field click event. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldclickevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldclickevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldDoubleClick event - -The [formFieldDoubleClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs/) event is triggered when a form field is double-clicked. The event arguments provide the necessary information about the form field double-click event. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldFocusOut event - -The [formFieldFocusOut](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs/) event is triggered when a form field loses focus. The event arguments provide the necessary information about the form field focus out event. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldMouseLeave event - -The [formFieldMouseLeave](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs/) event is triggered when the mouse leaves a form field. The event arguments provide the necessary information about the form field mouse leave event. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldMouseOver event - -The [formFieldMouseOver](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs/) event is triggered when the mouse hovers over a form field. The event arguments provide the necessary information about the form field mouse over event. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldMove event - -The [formFieldMove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs/) event is triggered when the mouse moves inside a form field. The event arguments provide the necessary information about the form field mouse move event. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldmoveevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldmoveevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldPropertiesChange event - -The [formFieldPropertiesChange](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs/) event is triggered when the properties of a form field are changed. The event arguments provide the necessary information about which property of the form field has been changed. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldRemove event - -The [formFieldRemove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs/) event is triggered when a form field is removed from the PDF. The event arguments provide the necessary information about which form field has been removed. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldremoveevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldremoveevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldResize event - -The [formFieldResize](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs/) events are triggered when a form field in a PDF is resized. These events provide the relevant details about the specific form field that has been resized. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldresizeevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldresizeevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldSelect event - -The [formFieldSelect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs/) events are triggered when a form field in a PDF is selected. These events provide the necessary details about the specific form field that has been selected. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldselectevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldselectevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## formFieldUnselect event - -The [formFieldUnselect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs/) events are triggered when a form field in a PDF is unselected. These events provide the necessary details about the specific form field that has been unselected. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldunselectevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldunselectevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -## validateFormFields event - -The [validateFormFields](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs/) events are triggered when a required form field is left unfilled before downloading the PDF. These events provide the necessary information for validating which form fields are incomplete. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.html %} -{% endhighlight %} -{% endtabs %} \ No newline at end of file diff --git a/ej2-javascript/pdfviewer/js/formdesigner/programmatically-work-with-form-field.md b/ej2-javascript/pdfviewer/js/formdesigner/programmatically-work-with-form-field.md deleted file mode 100644 index 6c18c28e4..000000000 --- a/ej2-javascript/pdfviewer/js/formdesigner/programmatically-work-with-form-field.md +++ /dev/null @@ -1,115 +0,0 @@ ---- -layout: post -title: Programmatically work with form field in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about Programmatically work with form field in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Programmatically work with form field -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Programmatically work with form field in ##Platform_Name## Pdfviewer control - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/addformfield-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/addformfield-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pdfviewer/addformfield-cs2" %} - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/updateformfield-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/updateformfield-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pdfviewer/updateformfield-cs2" %} - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pdfviewer/deleteformfield-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/deleteformfield-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pdfviewer/deleteformfield-cs2" %} - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - - - -You can invoke download action using following code snippet. - -```javascript -var pdfviewer = new ej.pdfviewer.PdfViewer({ - enableDownload: true, - documentPath: "PDF_Succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.Annotation, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print); -pdfviewer.appendTo('#PdfViewer'); -pdfviewer.download(); - -``` - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - - - -You can invoke print action using the following code snippet., - -```javascript - -var pdfviewer = new ej.pdfviewer.PdfViewer({ - enablePrint: true, - documentPath: "PDF_Succinctly.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer' - }); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print); -pdfviewer.appendTo('#PdfViewer'); -pdfviewer.print.print(); - -``` - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - - \ No newline at end of file diff --git a/ej2-javascript/pdfviewer/js/formdesigner/user-interaction-with-form-fields.md b/ej2-javascript/pdfviewer/js/formdesigner/user-interaction-with-form-fields.md deleted file mode 100644 index 0a62ef663..000000000 --- a/ej2-javascript/pdfviewer/js/formdesigner/user-interaction-with-form-fields.md +++ /dev/null @@ -1,86 +0,0 @@ ---- -layout: post -title: User interaction with form fields in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about User interaction with form fields in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: User interaction with form fields -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# User interaction with form fields in ##Platform_Name## Pdfviewer control - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - -```javascript -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "FormDesigner.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer', - enableFormDesignerToolbar: true -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.FormDesigner); -pdfviewer.appendTo('#PdfViewer'); -``` - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - - - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - - - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - - - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - - - - - - - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - - - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -```javascript -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "FormDesigner.pdf", - serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer', -}); -ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.FormDesigner); -pdfviewer.appendTo('#PdfViewer'); -pdfviewer.undo(); -pdfviewer.redo(); -``` \ No newline at end of file diff --git a/ej2-javascript/pdfviewer/js/getting-started-with-server-backed.md b/ej2-javascript/pdfviewer/js/getting-started-with-server-backed.md deleted file mode 100644 index f66e46f78..000000000 --- a/ej2-javascript/pdfviewer/js/getting-started-with-server-backed.md +++ /dev/null @@ -1,95 +0,0 @@ ---- -layout: post -title: Getting started with ##Platform_Name## PDF Viewer control | Syncfusion -description: Checkout and learn about Getting started with ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more details. -platform: ej2-javascript -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Getting started in ##Platform_Name## PDF Viewer control - -The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers. - -## Component Initialization with CDN link for script and style reference - -**Step 1:** Create an app folder `my_app` for the Essential JS 2 JavaScript components. - -**Step 2:** The Essential JS 2 component's global scripts and styles are already hosted in the below CDN link formats. - -**Syntax:** -> Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js` -> -> Styles: `https://cdn.syncfusion.com/ej2/{Version}/{PACKAGE_NAME}/styles/material.css` - -**Example:** -> Script: [`https://cdn.syncfusion.com/ej2/26.2.11/dist/ej2.min.js`](https://cdn.syncfusion.com/ej2/26.2.11/dist/ej2.min.js) -> -> Styles: [`https://cdn.syncfusion.com/ej2/26.2.11/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/26.2.11/ej2-base/styles/material.css) - -**Step 3:** Create a HTML page (index.html) in `my_app` location and add the CDN link references. Now, add the `Div` element and initiate the `Essential JS 2 PDF Viewer` component in the index.html by using following code. - -{% tabs %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/es5-getting-started-cs1/index.html %} -{% endhighlight %} -{% endtabs %} - -N> We have provided the support to dynamically change the [serviceURL](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl). So, after changing the `serviceURL` dynamically, you need invoke the `pdfViewer.dataBind()` method to update the `serviceURL` quickly. This will effectively change the `serviceURL` dynamically. Ensure that this step is performed after version 23.1.36. -document.getElementById('load').addEventListener('click', function () { - pdfViewer.serviceUrl = "https://services.syncfusion.com/angular/production/api/pdfviewer"; - pdfViewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"; - pdfViewer.dataBind(); - pdfViewer.load(pdfViewer.documentPath, null); -}); - -N> The Web API hosted link https://services.syncfusion.com/js/production/api/pdfviewer utilized in the PDF viewer's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/pdfviewer-server) for hosting your own web service and use for the serviceUrl property. **We strongly recommend using the standalone mode.** - -{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-getting-started-cs1" %} - -**Step 4:** Now, run the `index.html` in web browser, it will render the `Essential JS 2 PDF Viewer` component. - -> For PDF Viewer serviceUrl creation, follow the steps provided in the [link](https://ej2.syncfusion.com/documentation/pdfviewer/how-to/create-pdfviewer-service) - -## How to run the PDF Viewer web service - -1. Download the sample from the [Web service sample in GitHub](https://github.com/SyncfusionExamples/EJ2-PDFViewer-WebServices) link. - -2. Navigate to the `ASP.NET Core` folder and open it in the command prompt. - -3. Navigate to the appropriate subfolder based on your .NET version: - - - .NET 6.0 → `PdfViewerWebService_6.0` - - .NET 8.0 → `PdfViewerWebService_8.0` - -4. Use the below command to restore the required packages. - - ``` - dotnet restore - ``` - -5. Use the below command to run the web service. - - ``` - dotnet run - ``` - -6. You can see that the PDF Viewer server instance runs in the local host with the port number `localhost:5001` and navigate to the PDF Viewer Web control `localhost:5001/pdfviewer` which returns the default get response method. We can bind the link to the `serviceUrl` property of PDF Viewer as below. - -```javascript -var pdfviewer = new ej.pdfviewer.PdfViewer({ - documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf", - serviceUrl: 'https://localhost:5001/pdfviewer' -}); -``` - -N> When configuring the server-backed PDF viewer, it's essential to understand that there is no need to include the pdfium.js and pdfium.wasm files. Unlike the standalone PDF viewer, which relies on these files for local rendering, the server-backed PDF viewer fetches and renders PDFs directly from the server. Consequently, you can exclude the copy command for deployment process, as they are not required to load and display PDFs in this context. - -N> For hosting the web service on the Linux platform, ensure to include the [SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1). Additionally, for AWS environments, utilize the following packages: - -| **Amazon Web Services (AWS)** |**NuGet package name** | -| --- | --- | -| AWS Lambda|[SkiaSharp.NativeAssets.Linux](https://nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)| -| AWS Elastic Beanstalk |[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)| diff --git a/ej2-javascript/pdfviewer/js/getting-started.md b/ej2-javascript/pdfviewer/js/getting-started.md deleted file mode 100644 index 789a4d892..000000000 --- a/ej2-javascript/pdfviewer/js/getting-started.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -layout: post -title: Getting started with ##Platform_Name## PDF Viewer control | Syncfusion -description: Checkout and learn about Getting started with ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more details. -platform: ej2-javascript -control: PDF Viewer -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Getting started in Standalone PDF Viewer control - -The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers. - -## Component Initialization with CDN link for script and style reference - -**Step 1:** Create an app folder `my-app` for the Essential JS 2 JavaScript components. - -**Step 2:** The Essential JS 2 component's global scripts and styles are already hosted in the below CDN link formats. - -**Syntax:** -> Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js` -> -> Styles: `https://cdn.syncfusion.com/ej2/{Version}/{PACKAGE_NAME}/styles/material.css` - -**Example:** -> Script: [`https://cdn.syncfusion.com/ej2/26.2.11/dist/ej2.min.js`](https://cdn.syncfusion.com/ej2/26.2.11/dist/ej2.min.js) -> -> Styles: [`https://cdn.syncfusion.com/ej2/26.2.11/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/26.2.11/ej2-base/styles/material.css) - - -**Step 3:** Create a HTML page (index.html) in `my-app` location and add the CDN link references. Now, add the `Div` element and initiate the `Essential JS 2 PDF Viewer` component in the index.html by using following code. - -{% tabs %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pdfviewer/es5-getting-started-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-getting-started-cs2" %} - - -### Steps to Load PDF Viewer with Local Resources - -To use local resources with your PDF Viewer, follow these steps: - -**Step 1:** Ensure that your application includes the `ej2-pdfviewer-lib` folder. This folder must contain the `pdfium.js`, `pdfium.wasm` files, and the PDF file that you intend to display. These should reside in the same location as the `ej2.min.js` script and its related styles. - -**Step 2:** Assign local file paths to the `documentPath` and `resourceUrl` properties within the PDF Viewer setup. The `documentPath` should refer to your PDF file, while the `resourceUrl` should point to the directory containing the supporting resources. - -**Step 3:** Insert the necessary script and style references within the `` section of your HTML file. Make sure these point to your local copies of the files instead of CDN links. - -By following these steps, you will configure your PDF Viewer to load the required resources locally. See the code snippet below for reference. - -{% tabs %} -{% highlight html tabtitle="index.html" %} - -{% endhighlight %} -{% endtabs %} - -View the sample in GitHub to [load PDF Viewer with local resources](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Refer%20resource%20url%20locally) - -**Step 4:** Now, run the `index.html` in web browser, it will render the `Essential JS 2 PDF Viewer` component. diff --git a/ej2-javascript/pdfviewer/js/globalization.md b/ej2-javascript/pdfviewer/js/globalization.md deleted file mode 100644 index ee9411666..000000000 --- a/ej2-javascript/pdfviewer/js/globalization.md +++ /dev/null @@ -1,579 +0,0 @@ ---- -layout: post -title: Globalization in ##Platform_Name## Pdfviewer control | Syncfusion -description: Learn here all about Globalization in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Globalization -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Globalization in ##Platform_Name## Pdfviewer control - -The text contents provided in the PDF Viewer can be localized using the collection of localized strings for different cultures. By default, the PDF Viewer is localized in “__en-US__”. - -The following table shows the default text values used in PDF Viewer in 'en-US' culture: - -|Keywords|Values| -|---|---| -|PdfViewer|PDF Viewer| -|Cancel|Cancel| -|Download file|Download file| -|Download|Download| -|Enter Password|This document is password protected. Please enter a password.| -|File Corrupted|File corrupted| -|File Corrupted Content|The file is corrupted and cannot be opened.| -|Fit Page|Fit page| -|Fit Width|Fit width| -|Automatic|Automatic| -|Go To First Page|Show first page| -|Invalid Password|Incorrect password. Please try again.| -|Next Page|Show next page| -|OK|OK| -|Open|Open file| -|Page Number|Current page number| -|Previous Page|Show previous page| -|Go To Last Page|Show last page| -|Zoom|Zoom| -|Zoom In|Zoom in| -|Zoom Out|Zoom out| -|Page Thumbnails|Page thumbnails| -|Bookmarks|Bookmarks| -|Print|Print file| -|Password Protected|Password required| -|Copy|Copy| -|Text Selection|Text selection tool| -|Panning|Pan mode| -|Text Search|Find text| -|Find in document|Find in document| -|Match case|Match case| -|Apply|Apply| -|GoToPage|Go to page| -|No Matches|Viewer has finished searching the document. No more matches were found| -|No Text Found|No Text Found| -|Undo|Undo| -|Redo|Redo| -|Annotation|Add or Edit annotations| -|Highlight|Highlight Text| -|Underline|Underline Text| -|Strikethrough|Strikethrough Text| -|Delete|Delete annotation| -|Opacity|Opacity| -|Color edit|Change Color| -|Opacity edit|Change Opacity| -|Highlight context|Highlight| -|Underline context|Underline| -|Strikethrough context|Strike through| -|Server error|Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue.| -|Open text|Open| -|First text|First Page| -|Previous text|Previous Page| -|Next text|Next Page| -|Last text|Last Page| -|Zoom in text|Zoom In| -|Zoom out text|Zoom Out| -|Selection text|Selection| -|Pan text|Pan| -|Print text|Print| -|Search text|Search| -|Annotation Edit text|Edit Annotation| -|Line Thickness|Line Thickness| -|Line Properties|Line Properties| -|Start Arrow|Start Arrow | -|End Arrow|End Arrow| -|Line Style|Line Style| -|Fill Color|Fill Color| -|Line Color|Line Color| -|None|None| -|Open Arrow|Open Arrow| -|Closed Arrow|Closed Arrow| -|Round Arrow|Round Arrow| -|Square Arrow|Square Arrow| -|Diamond Arrow|Diamond Arrow| -|Cut|Cut| -|Paste|Paste| -|Delete Context|Delete Context| -|Properties|Properties| -|Add Stamp|Add Stamp| -|Add Shapes|Add Shapes| -|Stroke edit|Stroke Edit| -|Change thickness|Change Thickness| -|Add line|Add Line| -|Add arrow|Add Arrow| -|Add rectangle|Add Rectangle| -|Add circle|Add Circle| -|Add polygon|Add Polygon| -|Add Comments|Add Comments| -|Comments| Comments| -|No Comments Yet|No Comments Yet| -|Accepted| Accepted| -|Completed| Completed| -|Cancelled| Cancelled| -|Rejected| Rejected| -|Leader Length|Leader Length| -|Scale Ratio|Scale Ratio| -|Calibrate| Calibrate| -|Calibrate Distance|Calibrate Distance| -|Calibrate Perimeter|Calibrate Perimeter| -|Calibrate Area|Calibrate Area| -|Calibrate Radius|Calibrate Radius| -|Calibrate Volume|Calibrate Volume| -|Depth|Depth| -|Closed|Closed| -|Round|Round| -|Square|Square| -|Diamond|Diamond| -|Edit|Edit| -|Comment|Comment| -|Comment Panel|Comment Panel| -|Set Status|Set Status| -|Post|Post| -|Page|Page| -|Add a comment|Add a comment| -|Add a reply|Add a reply| -|Import Annotations|Import Annotations| -|Export Annotations|Export Annotations| -|Add|Add| -|Clear|Clear| -|Bold|Bold| -|Italic|Italic| -|Strikethroughs|Strikethroughs| -|Underlines|Underlines| -|Superscript|Superscript| -|Subscript|Subscript| -|Align left|Align Left| -|Align right|Align Right| -|Center|Center| -|Justify|Justify| -|Font color|Font Color| -|Text Align|Text Align| -|Text Properties|Text Properties| -|Draw Signature|Draw Signature| -|Create| Create| -|Font family|Font Family| -|Font size|Font Size| -|Free Text|Free Text| -|Import Failed|Import Failed| -|File not found|File Not Found| -|Export Failed|Export Failed| -|Dynamic|Dynamic| -|Standard Business|Standard Business| -|Sign Here|Sign Here| -|Custom Stamp|Custom Stamp| -|InitialFieldDialogHeaderText|Initial Field Dialog Header Text| -|HandwrittenInitialDialogHeaderText|Handwritten Initial Dialog Header Text| -|SignatureFieldDialogHeaderText|Signature Field Dialog Header Text| -|HandwrittenSignatureDialogHeaderText|Handwritten Signature Dialog Header Text| -|Draw-hand Signature|Draw-hand Signature| -|Type Signature|Type Signature| -|Upload Signature|Upload Signature| -|Browse Signature Image|Browse Signature Image| -|Save Signature|Save Signature| -|Save Initial|Save Initial| -|highlight|highlight| -|underline|underline| -|strikethrough|strikethrough| -|FormDesigner|Form Designer| -|SubmitForm|Submit Form| -|Search text|Search Text| -|Draw Ink|Draw Ink| -|Revised|Revised| -|Reviewed|Reviewed| -|Received|Received| -|Confidential|Confidential| -|Approved|Approved| -|Not Approved|Not Approved| -|Witness|Witness| -|Initial Here|Initial Here| -|Draft|Draft| -|Final|Final| -|For Public Release|For Public Release| -|Not For Public Release|Not For Public Release| -|For Comment|For Comment| -|Void|Void| -|Preliminary Results|Preliminary Results| -|Information Only|Information Only| -|Enter Signature as Name|Enter Signature as Name| -|Textbox|Textbox| -|Password|Password| -|Check Box|Check Box| -|Radio Button|Radio Button| -|Dropdown|Dropdown| -|List Box|List Box| -|Signature|Signature| -|Delete FormField|Delete FormField| -|FormDesigner Edit text|Form Designer Edit Text| -|in|in| -|m|m| -|ft_in|ft_in| -|ft|ft| -|p|p| -|cm|cm| -|mm|mm| -|pt|pt| -|cu|cu| -|sq|sq| -|General|General| -|Appearance|Appearance| -|Options|Options| -|Textbox Properties|Textbox Properties| -|Name|Name| -|Tooltip|Tooltip| -|Value|Value| -|Form Field Visibility|Form Field Visibility| -|Read Only|Read Only| -|Required|Required| -|Checked|Checked| -|Show Printing|Show Printing| -|Formatting|Formatting| -|Fill|Fill| -|Border|Border| -|Border Color|Border Color| -|Thickness|Thickness| -|Max Length|Max Length| -|List Item|List Item| -|Export Value|Export Value| -|Dropdown Item List|Dropdown Item List| -|List Box Item List|List Box Item List| -|Delete Item|Delete Item| -|Up|Up| -|Down|Down| -|Multiline|Multiline| -|Initial|Initial| -|Export XFDF|Export XFDF| -|Import XFDF|Import XFDF| -|Organize Pages|Organize Pages| -|Insert Right|Insert Right| -|Insert Left|Insert Left| -|Total|Total| -|Pages|Pages| -|Rotate Right|Rotate Right| -|Rotate Left|Rotate Left| -|Delete Page|Delete Page| -|Delete Pages|Delete Pages| -|Copy Page|Copy Page| -|Copy Pages|Copy Pages| -|Save|Save| -|Save As|Save As| -|Select All|Select All| -|Import Document|Import Document| -|Match any word|Match any word| -|Client error|Client-side error is found. Please check the custom headers provided in the AjaxRequestSettings property and web action methods in the ServerActionSettings property| -|Cors policy error|Unable to retrieve the document due to an invalid URL or access restrictions. Please check the document URL and try again| -|No More Matches|Viewer has finished searching the document. No more matches were found| -|No Search Matches|No matches found| -|No More Search Matches|No more matches found| -|Exact Matches|EXACT MATCHES| -|Total Matches|TOTAL MATCHES| - -The different locale value for the PDF Viewer can be specified using the locale property. - -```html -{% raw %} - - - -
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- locale: 'ar-AE',
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- locale: 'ar-AE',
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-You have to map the text content based on locale like following script in sample level.,
-
-```
-
-```
diff --git a/ej2-javascript/pdfviewer/js/interaction-mode.md b/ej2-javascript/pdfviewer/js/interaction-mode.md
deleted file mode 100644
index 194e947d0..000000000
--- a/ej2-javascript/pdfviewer/js/interaction-mode.md
+++ /dev/null
@@ -1,109 +0,0 @@
----
-layout: post
-title: Interaction mode in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Interaction mode in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Interaction mode
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Interaction mode in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer provides interaction mode for easy interaction with the loaded PDF document. Selection mode and panning mode are the two interactions modes.
-
-## Selection mode
-
-In this mode, the text selection can be performed in the PDF document loaded in PDF Viewer. The panning and scrolling of the pages by touch cannot be performed in this mode. It allows users to select and copy text from the PDF files. This is helpful for copying and sharing text content. You can enable/disable the text selection using the following code snippet.
-
-```html
-{% raw %}
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- enableTextSelection: true,
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'
- });
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- enableTextSelection: true,
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- serviceUrl : 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-## Panning Mode
-
-In this mode, the panning and scrolling of the pages by touch can be performed in the PDF document loaded in the PDF Viewer, but the text selection cannot be performed.
-
-
-
-You can switch the interaction mode of PDF Viewer by using the following code snippet.,
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- interactionMode: 'Pan'
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- interactionMode: 'Pan'
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/magnification.md b/ej2-javascript/pdfviewer/js/magnification.md
deleted file mode 100644
index 9937736df..000000000
--- a/ej2-javascript/pdfviewer/js/magnification.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-layout: post
-title: Magnification in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Magnification in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Magnification
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Magnification in ##Platform_Name## Pdfviewer control
-
-The magnification tools of the PDF Viewer contains ZoomIn, ZoomOut, Zoom, FitPage, and FitWidth tools in the default toolbar. The PDF Viewer also has an option to show or hide the magnification tools in the default toolbar.
-
-The following code snippet describes how to enable the magnification in PDF Viewer.
-
-```html
-{% raw %}
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableMagnification: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableMagnification: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-The following magnification options are available in the default toolbar of PDF Viewer,
-
-* [**ZoomIn**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#zoomin):- Zoom in from the current zoom value of PDF pages.
-* [**ZoomOut**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#zoomout):- Zoom out from the current zoom value of PDF pages.
-* [**Zoom**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#zoomto):- Zoom to specific zoom value of PDF pages.
-* [**FitPage**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#fittopage):- Fits the page width with in the available view port size.
-* [**FitWidth**](https://ej2.syncfusion.com/documentation/api/pdfviewer/magnification/#fittowidth):- Fits the view port width based on the page content size.
-
-
-
->PDF Viewer can support the zoom value ranges from 10 to 400.
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature Modules](./feature-module)
diff --git a/ej2-javascript/pdfviewer/js/mobile-toolbar.md b/ej2-javascript/pdfviewer/js/mobile-toolbar.md
deleted file mode 100644
index 4ac911a83..000000000
--- a/ej2-javascript/pdfviewer/js/mobile-toolbar.md
+++ /dev/null
@@ -1,130 +0,0 @@
----
-layout: post
-title: Mobile Toolbar Interface in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn All About the Mobile Toolbar Interface in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Mobile Toolbar Interface
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-# Mobile Toolbar Interface in ##Platform_Name## Pdfviewer control
-
-The Mobile PDF Viewer offers a variety of features for viewing, searching, annotating, and managing PDF documents on mobile devices. It includes essential tools like search, download, bookmarking, annotation, and page organization. Users also have the option to enable desktop toolbar features in mobile mode, providing a more extensive set of actions.
-
-## Mobile Mode Toolbar Configuration
-In mobile mode, the toolbar is optimized for ease of use on small screens, presenting users with the most common actions for interacting with a PDF document. Below are the key features available in mobile mode:
-
-
-
-### Main Toolbar Options:
-
-**OpenOption:** Tap to load a PDF document.
-
-**SearchOption:** Access the search bar to find text within the document.
-
-
-
-**UndoRedoTool:** Quickly undo or redo any annotations made.
-
-**OrganizePagesTool:** Enable or disable page organization features to modify document pages.
-
-
-
-**AnnotationEditTool:** Activate or deactivate annotation editing to add or modify annotations.
-
-
-
-
-N> In mobile mode, the annotation toolbar is conveniently displayed at the bottom of the viewer.
-
-### More Options Menu:
-When you open the "more options" menu, you will see additional actions such as:
-
-**DownloadOption:** Tap to download the currently opened PDF document.
-
-**BookmarkOption:** Allows you to view bookmarks within the document.
-
-
-
-## Enabling Desktop Mode in Mobile
-
-The desktop version of the toolbar can be enabled on mobile devices by using the `enableDesktopMode` API. This API allows you to bring desktop-like features to the mobile PDF viewer, providing access to additional toolbar actions that are typically available on desktop platforms.
-
-### Steps to Enable Desktop Mode:
-
-**Step 1:** Set `enableDesktopMode` to true in the API configuration.
-
-**Step 2:** This will replace the mobile toolbar with the desktop toolbar layout, allowing access to more actions and controls.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- enableDesktopMode : true
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- enableDesktopMode : true
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Enable Scrolling in Desktop Mode with Touch Gestures
-
-To ensure smooth scrolling of PDF documents on a mobile device in desktop mode, it is important to enable touch gesture scrolling. You can achieve this by setting the `enableTextSelection` option to **false**.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- resourceUrl : "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib",
- enableDesktopMode : true,
- enableTextSelection : false
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- enableDesktopMode : true,
- enableTextSelection : false
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Print Option Not Available
-
-The Print option is not available in mobile mode by default. However, if you need to use the print functionality on mobile devices, we recommend enabling the desktop toolbar on mobile using the `enableDesktopMode` API.
-
-### How to Use Print on Mobile:
-
-**Enable Desktop Mode:** Set `enableDesktopMode` to true to load the desktop version of the toolbar on your mobile device.
-
-**Print Option:** Once desktop mode is enabled, the print option will be available, allowing you to print the document directly from your mobile device.
-
-N> In mobile mode, the print functionality will not be available unless desktop mode is enabled.
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/navigation.md b/ej2-javascript/pdfviewer/js/navigation.md
deleted file mode 100644
index 8f7d6ecaf..000000000
--- a/ej2-javascript/pdfviewer/js/navigation.md
+++ /dev/null
@@ -1,355 +0,0 @@
----
-layout: post
-title: Navigation in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Navigation in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Navigation
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Navigation in ##Platform_Name## Pdfviewer control
-
-The ASP.NET Core PDF Viewer supports different internal and external navigations.
-
-## Toolbar page navigation option
-
-The default toolbar of PDF Viewer contains the following navigation options
-
-* [**Go to page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopage):- Navigates to the specific page of a PDF document.
-* [**Show next page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotonextpage):- Navigates to the next page of PDF a document.
-* [**Show previous page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopreviouspage):- Navigates to the previous page of a PDF document.
-* [**Show first page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotofirstpage):- Navigates to the first page of a PDF document.
-* [**Show last page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotolastpage):- Navigates to the last page of a PDF document.
-
-```html
-{% raw %}
-
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-You can enable/disable page navigation option in PDF Viewer using the following code snippet.,
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableNavigation: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableNavigation: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-Also, you can programmatically perform page navigation options as follows.
-
-```html
-{% raw %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var viewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
-});
-ej.pdfviewer.PdfViewer.Inject(
- ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification,
- ej.pdfviewer.BookmarkView,
- ej.pdfviewer.ThumbnailView,
- ej.pdfviewer.TextSelection,
- ej.pdfviewer.TextSearch,
- ej.pdfviewer.Print,
- ej.pdfviewer.Navigation,
- ej.pdfviewer.LinkAnnotation,
- ej.pdfviewer.Annotation,
- ej.pdfviewer.FormFields
-);
-viewer.appendTo('#pdfViewer');
-// Go To First Page
-document.getElementById('goToFirstPage').addEventListener('click', () => {
- viewer.navigation.goToFirstPage();
-});
-// Go To Last Page
-document.getElementById('goToLastPage').addEventListener('click', () => {
- viewer.navigation.goToLastPage();
-});
-// Go To Next Page
-document.getElementById('goToNextPage').addEventListener('click', () => {
- viewer.navigation.goToNextPage();
-});
-// Go To Page
-document.getElementById('goToPage').addEventListener('click', () => {
- viewer.navigation.goToPage(4);
-});
-// Go To Previous Page
-document.getElementById('goToPreviousPage').addEventListener('click', () => {
- viewer.navigation.goToPreviousPage();
-});
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var viewer = new ej.pdfviewer.PdfViewer({
- documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- serviceUrl:'https://services.syncfusion.com/js/production/api/pdfviewer'
-});
-ej.pdfviewer.PdfViewer.Inject(
- ej.pdfviewer.Toolbar,
- ej.pdfviewer.Magnification,
- ej.pdfviewer.BookmarkView,
- ej.pdfviewer.ThumbnailView,
- ej.pdfviewer.TextSelection,
- ej.pdfviewer.TextSearch,
- ej.pdfviewer.Print,
- ej.pdfviewer.Navigation,
- ej.pdfviewer.LinkAnnotation,
- ej.pdfviewer.Annotation,
- ej.pdfviewer.FormFields
-);
-viewer.appendTo('#pdfViewer');
-// Go To First Page
-document.getElementById('goToFirstPage').addEventListener('click', () => {
- viewer.navigation.goToFirstPage();
-});
-// Go To Last Page
-document.getElementById('goToLastPage').addEventListener('click', () => {
- viewer.navigation.goToLastPage();
-});
-// Go To Next Page
-document.getElementById('goToNextPage').addEventListener('click', () => {
- viewer.navigation.goToNextPage();
-});
-// Go To Page
-document.getElementById('goToPage').addEventListener('click', () => {
- viewer.navigation.goToPage(4);
-});
-// Go To Previous Page
-document.getElementById('goToPreviousPage').addEventListener('click', () => {
- viewer.navigation.goToPreviousPage();
-});
-
-{% endhighlight %}
-{% endtabs %}
-
-Find the [here](https://stackblitz.com/edit/39kfnj?file=index.js) to perform the page navigation options programmatically.
-
-## Bookmark navigation
-
-The Bookmarks saved in PDF files are loaded and made ready for easy navigation. You can enable/disable bookmark navigation by using the following code snippet.,
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableBookmark: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableBookmark: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-To perform bookmark navigation, you can use the **goToBookmark** method. It's important to note that the **goToBookmark** method will throw an error if the specified bookmark does not exist in the PDF document.
-
-Here is an example of how to use the **goToBookmark** method:
-
-```
-
-```
-
-```javascript
-document.getElementById('gotobookmark').addEventListener('click', () => {
- viewer.bookmark.goToBookmark(x, y);
-});
-```
-
-x - Specifies the pageIndex for Navigate.
-
-y - Specifies the Y coordinates value of the Page.
-
-Also, you can use the **getBookmarks** method to retrieve a list of all the bookmarks in a PDF document. This method returns a List of Bookmark objects, which contain information about each bookmark.
-
-Here is an example of how to use the getBookmarks method:
-
-```
-
-```
-
-```javascript
-document.getElementById('getBookmarks').addEventListener('click', () => {
- var getBookmarks = viewer.bookmark.getBookmarks();
- console.log(getBookmarks)
-});
-```
-
-## Thumbnail navigation
-
-Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation.
-You can enable/disable thumbnail navigation by using the following code snippet.,
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableThumbnail: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableThumbnail: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-## Hyperlink navigation
-
-Hyperlink navigation features enables navigation to the URLs (website links) in a PDF file.
-
-
-
-## Table of content navigation
-
-Table of contents navigation allows users to navigate to different parts of a PDF file that are listed in the table of contents section.
-
-You can enable/disable link navigation by using the following code snippet.,
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableHyperlink: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableHyperlink: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-You can change the open state of the hyperlink in the PDF Viewer by using the following code snippet,
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableHyperlink: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- hyperlinkOpenState:'NewTab',
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableHyperlink: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- hyperlinkOpenState:'NewTab',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-```
-
-
-
-## See also
-
-* [Toolbar items](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/toolbar/)
-* [Feature Modules](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/feature-module/)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/open-pdf-file/from-amazon-s3.md b/ej2-javascript/pdfviewer/js/open-pdf-file/from-amazon-s3.md
deleted file mode 100644
index 68b99aaad..000000000
--- a/ej2-javascript/pdfviewer/js/open-pdf-file/from-amazon-s3.md
+++ /dev/null
@@ -1,206 +0,0 @@
----
-layout: post
-title: Open PDF files from AWS S3 in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn about how to Open PDF files from AWS S3 in ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more details.
-platform: ej2-javascript
-control: Open PDF files from AWS S3
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Open PDF file from AWS S3
-
-PDF Viewer allows to load PDF file from AWS S3 using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to open a PDF from AWS S3.
-
-## Using Standalone PDF Viewer
-
-To load a PDF file from AWS S3 in a PDF Viewer, you can follow the steps below
-
-**Step 1:** Create a Simple PDF Viewer Sample in JavaScript
-
-Start by following the steps provided in this [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF viewer sample in JavaScript. This will give you a basic setup of the PDF viewer component.
-
-**Step 2:** Modify the `index.html` File in the JavaScript Project
-
-1. AWS SDK for JavaScript, used for interacting with AWS services like S3:
-
-```javascript
-
-```
-
-2. Configures AWS SDK with the region, access key, and secret access key. This configuration allows the application to interact with AWS services like S3.
-
-N> Replace **Your Region** with the actual Region of your AWS S3 account and **Your Access Key** with the actual Access Key of your AWS S3 account and **Your Security Access Key** with the actual Security Access Key of your AWS S3 account.
-
-```javascript
-AWS.config.update({
- region: '**Your Region**', // Update this your region
- accessKeyId: '*Your Access Key*', // Update this with your access key id
- secretAccessKey: '*Your Security Access Key*', // Update this with your secret access key
-});
-```
-
-3. Sets the parameters for fetching the PDF document from S3, including the bucket name and file key. Then Uses the getObject method of the S3 instance to retrieve the document. Converts the document data to a Base64 string and loads it into the Syncfusion PDF Viewer then load Base64 string generated into the viewer.load method.
-
-N> Replace **Your Bucket Name** with the actual Bucket name of your AWS S3 account and **Your Key** with the actual File Key of your AWS S3 account.
-
-```javascript
-private s3 = new AWS.S3();
-
-pdfviewer.created = function () {
- const getObjectParams = {
- Bucket: '**Your Bucket Name**',
- Key: '**Your Key**',
- };
- s3.getObject(getObjectParams, (err, data) => {
- if (err) {
- console.error('Error fetching document:', err);
- } else {
- if (data && data.Body) {
- const bytes = new Uint8Array(data.Body);
- let binary = '';
- bytes.forEach((byte) => (binary += String.fromCharCode(byte)));
- const base64String = window.btoa(binary);
- setTimeout(() => {
- pdfviewer.load("data:application/pdf;base64,"+base64String);
- }, 2000);
- }
- }
- });
-};
-```
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-aws-s3/tree/master/Open%20and%20Save%20PDF%20in%20AWS%20S3%20using%20Standalone).
-
-## Using Server-Backed PDF Viewer
-
-To load a PDF file from AWS S3 in a PDF Viewer, you can follow the steps below
-
-**Step 1:** Create a Simple PDF Viewer Sample in JavaScript
-
-Start by following the steps provided in this [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF viewer sample in JavaScript. This will give you a basic setup of the PDF viewer component.
-
-**Step 2:** Modify the `PdfViewerController.cs` File in the Web Service Project
-
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/kb/11063/how-to-create-pdf-viewer-web-service-in-net-core-3-0-and-above) for instructions on how to create a web service project.
-
-2. Open the `PdfViewerController.cs` file in your web service project.
-
-3. Import the required namespaces at the top of the file:
-
-```csharp
-using System.IO;
-using Amazon;
-using Amazon.S3;
-using Amazon.S3.Model;
-```
-
-4. Add the following private fields and constructor parameters to the `PdfViewerController` class, In the constructor, assign the values from the configuration to the corresponding fields
-
-```csharp
-private IConfiguration _configuration;
-public readonly string _accessKey;
-public readonly string _secretKey;
-public readonly string _bucketName;
-
-public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache cache, IConfiguration configuration)
-{
- _hostingEnvironment = hostingEnvironment;
- _cache = cache;
- _configuration = configuration;
- _accessKey = _configuration.GetValue
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enablePrint: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enablePrint: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-
-
-You can invoke print action using the following code snippet.,
-
-```
-
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enablePrint: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('print').addEventListener('click', function () {
- pdfviewer.print.print();
-});
-
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enablePrint: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('print').addEventListener('click', function () {
- pdfviewer.print.print();
-});
-
-{% endhighlight %}
-{% endtabs %}
-
-## Customization Print Quality using PrintScaleFactor API
-
-The PDF Viewer allows you to adjust the print quality using the [PrintScaleFactor](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/#printScaleFactor) API. The quality of the print improves as the print quality value increases from 0.5 to 5.
-
-When the value is less than 0.5, the PDF is printed at a standard quality. When the value exceeds 5, the PDF is still printed at the standard quality. In standard quality, printScaleFactor value is set to 1 as default value.
-The effective range for print quality is between 0.5 and 5. Higher values within this range will result in better print quality, but also increase the print time.
-
-By default, the printScaleFactor is set to 1.
-
-* **The following code snippet demonstrates how to customize print quality using the PrintScaleFactor API in the PDF Viewer.**
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enablePrint: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- printScaleFactor: 0.5,
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-//pdf with low quality. By changing values you can change the quality of the pdf.
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enablePrint: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- printScaleFactor: 0.5,
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-//pdf with low quality. By changing values you can change the quality of the pdf.
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/Customize%20Print%20Quality)
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature Modules](./feature-module)
diff --git a/ej2-javascript/pdfviewer/js/save-pdf-file/to-amazon-s3.md b/ej2-javascript/pdfviewer/js/save-pdf-file/to-amazon-s3.md
deleted file mode 100644
index 62f9b7e01..000000000
--- a/ej2-javascript/pdfviewer/js/save-pdf-file/to-amazon-s3.md
+++ /dev/null
@@ -1,220 +0,0 @@
----
-layout: post
-title: Save PDF files to AWS S3 in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn about how to Save PDF files to AWS S3 in ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more details.
-platform: ej2-javascript
-control: Save PDF files to AWS S3
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Save PDF file to AWS S3
-
-PDF Viewer allows to save PDF file to AWS S3 using either the Standalone or Server-backed PDF Viewer. Below are the steps and a sample to demonstrate how to save PDF to AWS S3.
-
-## Using Standalone PDF Viewer
-
-To save a PDF file to AWS S3, you can follow the steps below
-
-**Step 1:** Create a Simple PDF Viewer Sample in JavaScript
-
-Start by following the steps provided in this [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF viewer sample in JavaScript. This will give you a basic setup of the PDF viewer component.
-
-**Step 2:** Modify the `index.html` File in the JavaScript Project
-
-1. AWS SDK for JavaScript, used for interacting with AWS services like S3:
-
-```javascript
-
-```
-
-2. Configures AWS SDK with the region, access key, and secret access key. This configuration allows the application to interact with AWS services like S3.
-
-N> Replace **Your Region** with the actual Region of your AWS S3 account and **Your Access Key** with the actual Access Key of your AWS S3 account and **Your Security Access Key** with the actual Security Access Key of your AWS S3 account.
-
-```javascript
-AWS.config.update({
- region: '**Your Region**', // Update this your region
- accessKeyId: '*Your Access Key*', // Update this with your access key id
- secretAccessKey: '*Your Security Access Key*', // Update this with your secret access key
-});
-```
-
-3. Configure a custom toolbar item for the download function to save a PDF file in Azure Blob Storage.
-
-```javascript
-var toolItem1 = {
- prefixIcon: 'e-icons e-pv-download-document-icon',
- id: 'download_pdf',
- tooltipText: 'Download file',
- align: 'right'
-};
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- resourceUrl:'https://cdn.syncfusion.com/ej2/26.1.35/dist/ej2-pdfviewer-lib',
- toolbarSettings : { toolbarItems: [ 'OpenOption', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', toolItem1, 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm'] }
-});
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
-
-pdfviewer.toolbarClick = function (args) {
- if (args.item && args.item.id === 'download_pdf') {
- saveDocument();
- }
-};
-```
-
-4. Retrieve the PDF viewer instance and save the current PDF as a Blob. Then, read the Blob using a FileReader to convert it into an ArrayBuffer, and upload the ArrayBuffer to AWS S3 using the putObject method of the S3 instance.
-
-N> Replace **Your Bucket Name** with the actual Bucket name of your AWS S3 account and **Your Key** with the actual File Key of your AWS S3 account.
-
-```typescript
-private s3 = new AWS.S3();
-
-function saveDocument() {
- pdfviewer.saveAsBlob().then(function (value) {
- var reader = new FileReader();
- reader.onload = () => {
- const uint8Array = new Uint8Array(reader.result);
- const putObjectParams = {
- Bucket: '**Your Bucket Name**',
- Key: '**Your Key**',
- Body: uint8Array,
- ContentType: 'application/pdf',
- };
- s3.putObject(putObjectParams, (err, data) => {
- if (err) {
- console.error('Error uploading document:', err);
- } else {
- console.log('Document uploaded successfully:', data);
- }
- });
- };
- reader.readAsArrayBuffer(value);
- });
-};
-```
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/open-save-pdf-documents-in-aws-s3/tree/master/Open%20and%20Save%20PDF%20in%20AWS%20S3%20using%20Standalone).
-
-## Using Server-Backed PDF Viewer
-
-To save a PDF file to AWS S3, you can follow the steps below
-
-**Step 1:** Create a PDF Viewer sample in JavaScript
-
-Follow the instructions provided in this [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create a simple PDF Viewer sample in JavaScript. This will set up the basic structure of your PDF Viewer application.
-
-**Step 2:** Modify the `PdfViewerController.cs` File in the Web Service Project
-
-1. Create a web service project in .NET Core 3.0 or above. You can refer to this [link](https://www.syncfusion.com/kb/11063/how-to-create-pdf-viewer-web-service-in-net-core-3-0-and-above) for instructions on how to create a web service project.
-
-2. Open the `PdfViewerController.cs` file in your web service project.
-
-3. Import the required namespaces at the top of the file:
-
-```csharp
-using System.IO;
-using Amazon;
-using Amazon.S3;
-using Amazon.S3.Model;
-```
-
-4. Add the following private fields and constructor parameters to the `PdfViewerController` class, In the constructor, assign the values from the configuration to the corresponding fields
-
-```csharp
-private IConfiguration _configuration;
-public readonly string _accessKey;
-public readonly string _secretKey;
-public readonly string _bucketName;
-
-public PdfViewerController(IWebHostEnvironment hostingEnvironment, IMemoryCache cache, IConfiguration configuration)
-{
- _hostingEnvironment = hostingEnvironment;
- _cache = cache;
- _configuration = configuration;
- _accessKey = _configuration.GetValue
-
-
-
-
-
-{% endraw %}
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Text search features
-
-### Real time search suggestion while typing
-Entering text into the search input dynamically displays search suggestions based on the provided input. The suggestions are updated in real-time as text is typed, offering relevant matches from the available content. This feature enhances the search experience by allowing quick access to potential results while typing.
-
-
-
-### Selecting Search Suggestions from the Popup
-Entering text into the search input triggers a popup displaying relevant suggestions based on the input. Selecting a suggestion from the popup enables direct navigation to its occurrences in the document.
-
-
-
-### Search Text with enabling 'Match Case' checkbox
-By enabling the 'Match Case' option and entering text into the search input, only the exact case-sensitive matches in the document are highlighted. This feature allows navigation through each occurrence of the exact text match within the document.
-
-
-
-### Search Text without enabling 'Match Case' checkbox
-When text is entered into the search input without enabling the 'Match Case' option, all instances of the text, regardless of case, are highlighted in the document. This allows easy navigation through every occurrence of the search term.
-
-
-
-### Search list of text by enabling 'Match Any Word' checkbox
-When the 'Match Any Word' option is enabled, the entered text in the search input is split into individual words based on spaces. As the text is typed, the popup dynamically displays search suggestions for each word in real time, highlighting potential matches within the document.
-
-
-
-The following text search methods are available in the PDF Viewer,
-
-* [**Search text**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchtext):- Searches the target text in the PDF document and highlights the occurrences in the pages.
-* [**Search next**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchnext):- Searches the next occurrence of the searched text from the current occurrence of the PdfViewer.
-* [**Search previous**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#searchprevious):- Searches the previous occurrence of the searched text from the current occurrence of the PdfViewer.
-* [**Cancel text search**](https://ej2.syncfusion.com/documentation/api/pdfviewer/textSearch/#canceltextsearch):- The text search can be cancelled and the highlighted occurrences from the PDF Viewer can be removed .
-
-
-
-## Find text method
-Searches for the specified text or an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. If a specific page index is provided, it returns the bounding rectangles for these search strings on that page; otherwise, it returns the bounding rectangles for all pages in the document where the strings were found.
-
-### Find and get the bounds of a text
-Searches for the specified text within the document and returns the bounding rectangles of the matched text. The search can be case-sensitive based on the provided parameter. It returns the bounding rectangles for all pages in the document where the text was found. The below code snippet shows how to get the bounds of the given text:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText('pdf', false));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText('pdf', false));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-### Find and get the bounds of a text on the desired page
-Searches for the specified text within the document and returns the bounding rectangles of the matched text. The search can be case-sensitive based on the provided parameter. It returns the bounding rectangles for that page in the document where the text was found. The below code snippet shows how to get the bounds of the given text from the desired page:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText('pdf', false, 7));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText('pdf', false, 7));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-### Find and get the bounds of the list of text
-Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. It returns the bounding rectangles for all pages in the document where the strings were found.
-
-```html
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText(['pdf', 'adobe'], false));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText(['pdf', 'adobe'], false));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-### Find and get the bounds of the list of text on desired page
-Searches for an array of strings within the document and returns the bounding rectangles for each occurrence. The search can be case-sensitive based on the provided parameters. It returns the bounding rectangles for these search strings on that particular page where the strings were found.
-
-```html
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText(['pdf', 'adobe'], false, 7));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-backed" %}
-
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableTextSearch: true,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('textbounds').addEventListener('click', function() {
- console.log(viewer.textSearch.findText(['pdf', 'adobe'], false, 7));
-});
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/TextSearch)
-
-## See also
-
-* [Toolbar items](./toolbar)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/toolbar.md b/ej2-javascript/pdfviewer/js/toolbar.md
deleted file mode 100644
index 9f8ac0a40..000000000
--- a/ej2-javascript/pdfviewer/js/toolbar.md
+++ /dev/null
@@ -1,1257 +0,0 @@
----
-layout: post
-title: Toolbar in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Toolbar in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Toolbar
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Built-In Toolbar in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer comes with a powerful built-in toolbar to execute important actions such as page navigation, text search,view mode,download,print,bookmark, and thumbnails.
-
-The following table shows built-in toolbar items and its actions:-
-
-| Option | Description |
-|---|---|
-| OpenOption | This option provides an action to load the PDF documents to the PDF Viewer.|
-| PageNavigationTool | This option provides an action to navigate the pages in the PDF Viewer. It contains GoToFirstPage,GoToLastPage,GotoPage,GoToNext, and GoToLast tools.|
-| MagnificationTool | This option provides an action to magnify the pages either with predefined or user defined zoom factors in the PDF Viewer. Contains ZoomIn, ZoomOut, Zoom, FitPage and FitWidth tools|
-| PanTool |This option provides an action for panning the pages in the PDF Viewer.|
-| SelectionTool |This option provides an action to enable/disable the text selection in the PDF Viewer.|
-| SearchOption |This option provides an action to search a word in the PDF documents.|
-| PrintOption |This option provides an action to print the PDF document being loaded in the PDF Viewer.|
-| DownloadOption |This Download option provides an action to download the PDF document that has been loaded in the PDF Viewer.|
-| UndoRedoTool | This tool provides options to undo and redo the annotation actions performed in the PDF Viewer.|
-| AnnotationEditTool | This tool provides options to enable or disable the edit mode of annotation in the PDF Viewer.|
-| FormDesignerEditTool | This tool provides options to enable or disable the edit mode of form fields in the PDF Viewer.|
-
-## Show/Hide the default toolbar
-
-The PDF Viewer has an option to show or hide the complete default toolbar. You can achieve this by using following two ways.,
-
-```html
-{% raw %}
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-* **Show/Hide toolbar using enableToolbar API as in the following code snippet**
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below [serviceUrl](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-toolbar/toolbar-hide-cs1" %}
-
-* **Show/Hide toolbar using showToolbar as in the following code snippet**
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-toolbar/toolbar-method-cs1" %}
-
-## Show/Hide the default toolbaritem
-
-The PDF Viewer has an option to show or hide these grouped items in the default toolbar.
-
-* **Show/Hide toolbaritem using toolbarSettings as in the following code snippet.**
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-toolbar/toolbar-items-cs1" %}
-
-* **Show/Hide toolbaritem using showToolbaritem as in the following code snippet**
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.html` file
-`serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/es5-toolbar/toolbar-items-method-cs1" %}
-
-## Customize Built-In Toolbar
-
-PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar.
-
-* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/customToolbarItem/) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/javascript/documentation/api/toolbar/clickEventArgs/).
-
-* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarSettings/) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbarItem/).
-
-* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/toolbar/#enabletoolbaritem)
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
- var toolItem1 = {
- prefixIcon: 'e-icons e-paste',
- id: 'print',
- tooltipText: 'Custom toolbar item',
-};
-var toolItem2 = {
- id: 'download',
- text: 'Save',
- tooltipText: 'Custom toolbar item',
- align: 'right'
-};
-var LanguageList = ['Typescript', 'Javascript', 'Angular', 'C#', 'C', 'Python'];
-var toolItem3 = {
- type: 'Input',
- tooltipText: 'Language List',
- cssClass: 'percentage',
- align: 'Left',
- id: 'dropdown',
- template: new ej.dropdowns.ComboBox({ width: 100, value: 'TypeScript', dataSource: LanguageList, popupWidth: 85, showClearButton: false, readonly: false })
-};
-var toolItem4 = {
- type: 'Input',
- tooltipText: 'Text',
- align: 'Right',
- cssClass: 'find',
- id: 'textbox',
- template: new ej.inputs.TextBox({ width: 125, placeholder: 'Type Here', created: OnCreateSearch })
-}
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:'https://cdn.syncfusion.com/ej2/24.1.41/dist/ej2-pdfviewer-lib',
- toolbarSettings : { toolbarItems: [toolItem1, toolItem2, 'OpenOption', 'PageNavigationTool', 'MagnificationTool', toolItem3, 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption', 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', toolItem4, 'CommentTool', 'SubmitForm'] }
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-
-//PDF Viewer control rendering starts
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.toolbarClick = function (args) {
- if (args.item && args.item.id === 'print') {
- pdfviewer.printModule.print();
- } else if (args.item && args.item.id === 'download') {
- pdfviewer.download();
- }
-};
-function OnCreateSearch() {
- this.addIcon('prepend', 'e-icons e-search');
-}
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-var toolItem1 = {
- prefixIcon: 'e-icons e-paste',
- id: 'print',
- tooltipText: 'Custom toolbar item',
-};
-var toolItem2 = {
- id: 'download',
- text: 'Save',
- tooltipText: 'Custom toolbar item',
- align: 'right'
-};
-var LanguageList = ['Typescript', 'Javascript', 'Angular', 'C#', 'C', 'Python'];
-var toolItem3 = {
- type: 'Input',
- tooltipText: 'Language List',
- cssClass: 'percentage',
- align: 'Left',
- id: 'dropdown',
- template: new ej.dropdowns.ComboBox({ width: 100, value: 'TypeScript', dataSource: LanguageList, popupWidth: 85, showClearButton: false, readonly: false })
-};
-var toolItem4 = {
- type: 'Input',
- tooltipText: 'Text',
- align: 'Right',
- cssClass: 'find',
- id: 'textbox',
- template: new ej.inputs.TextBox({ width: 125, placeholder: 'Type Here', created: OnCreateSearch })
-}
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer',
- toolbarSettings : { toolbarItems: [toolItem1, toolItem2, 'OpenOption', 'PageNavigationTool', 'MagnificationTool', toolItem3, 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption', 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', toolItem4, 'CommentTool', 'SubmitForm'] }
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields);
-
-//PDF Viewer control rendering starts
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.toolbarClick = function (args) {
- if (args.item && args.item.id === 'print') {
- pdfviewer.printModule.print();
- } else if (args.item && args.item.id === 'download') {
- pdfviewer.download();
- }
-};
-function OnCreateSearch() {
- this.addIcon('prepend', 'e-icons e-search');
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-
-N> Default value of toolbar items is ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']
-
-### Align Property
-
-The align property is used to specify the alignment of a toolbar item within the toolbar.
-
-`Left`: Aligns the item to the left side of the toolbar.
-`Right`: Aligns the item to the right side of the toolbar.
-
-### Tooltip Property
-
-The tooltip property is used to set the tooltip text for a toolbar item. Tooltip provides additional information when a user hovers over the item.
-
-### CssClass Property
-
-The cssClass property is used to apply custom CSS classes to a toolbar item. It allows custom styling of the toolbar item.
-
-### Prefix Property
-
-The prefix property is used to set the CSS class or icon that should be added as a prefix to the existing content of the toolbar item.
-
-### ID Property
-
-The id property within a CustomToolbarItemModel is a compulsory attribute that plays a vital role in toolbar customization. It serves as a unique identifier for each toolbar item, facilitating distinct references and interactions.
-
-When defining or customizing toolbar items, it is mandatory to assign a specific and descriptive id to each item.
-These properties are commonly used when defining custom toolbar items with the `CustomToolbarItemModel`` in the context of Syncfusion PDF Viewer. When configuring the toolbar using the `ToolbarSettings`` property, you can include these properties to customize the appearance and behavior of each toolbar item.
-
-N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference.
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to/customize%20existing%20toolbar)
-
-## Custom Toolbar
-
-The PDF Viewer provides API for user interactions options provided in it's built-in toolbar. Using this we can create our own User Interface for toolbar actions in application level by hiding the default toolbar. The following steps are used to create the custom toolbar for PDF Viewer,
-
-**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/javascript/documentation/pdfviewer/getting-started) to create simple PDF Viewer sample.
-
-**Step 2:** Now, add an HTML div element to render the PDF Viewer with custom toolbar using the following code.
-
-```html
-{% raw %}
-
-
-
-
-
-...
-
-
-
-
-
-
-
-
-
-
-
-{% endraw %}
-```
-
-**Step 3:** Hide the default toolbar of PDF Viewer using below code snippet,
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-```javascript
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableToolbar: false,
- enableThumbnail: false,
- documentPath: "https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf"
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-```
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-```javascript
-var pdfviewer = new ej.pdfviewer.PdfViewer({
- enableToolbar: false,
- enableThumbnail: false,
- documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);
-pdfviewer.appendTo('#PdfViewer');
-```
-{% endhighlight %}
-{% endtabs %}
-
-**Step 4:** Add EJ2 Toolbar for perform primary actions like Open, Previous page, Next page, Go to page,Print and Download using the following code snippet,
-
-```javascript
-
- var toolbarObj = new ej.navigations.Toolbar({
- items: [
- { prefixIcon: 'e-pv-open-document', tooltipText: 'Open', id: 'openButton', click: openClicked },
- { prefixIcon: 'e-pv-bookmark-icon', tooltipText: 'Bookmark', id: 'bookmarkButton', click: bookmarkClicked },
- { prefixIcon: 'e-pv-previous-page-navigation-icon', id: 'previousPage', tooltipText: 'Previous Page', align: 'Center', click: previousClicked.bind(this) },
- { prefixIcon: 'e-pv-next-page-navigation-icon', id: 'nextPage', tooltipText: 'Next Page', align: 'Center', click: nextClicked.bind(this) },
- { template: inputTemplate, tooltipText: 'Page Number', align: 'Center' },
- { template: ele, tooltipText: 'Page Number', align: 'Center' },
- { prefixIcon: 'e-pv-search-icon', tooltipText: 'Text Search', align: 'Right', click: searchClicked.bind(this) },
- { prefixIcon: 'e-pv-print-document-icon', tooltipText: 'Print', align: 'Right', click: printClicked.bind(this) },
- { prefixIcon: 'e-pv-download-document-icon', tooltipText: 'Download', align: 'Right', click: downloadClicked.bind(this) }
- ]
- });
- toolbarObj.appendTo('#topToolbar');
- var magnificationToolbar = new ej.navigations.Toolbar({
- items: [
- { prefixIcon: 'e-pv-fit-page-icon', id: 'fitPage', tooltipText: 'Fit to page', click: pageFitClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-in-icon', id: 'zoomIn', tooltipText: 'Zoom in', click: zoomInClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-out-icon' , id: 'zoomOut', tooltipText: 'Zoom out', click: zoomOutClicked.bind(this) },
- ]
- });
- magnificationToolbar.appendTo('#magnificationToolbar');
-
-```
-
-**Step 5:** Add the following style to achieve the custom toolbar styling,
-
-```
-
-```
-
->The icons are embedded in the font file used in above code snippet.
-
-**Step 6:** Add the following scripts for performing user interaction in PDF Viewer in code behind
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-```javascript
-
-var inputTemplate = '';
-var totalPageNum = '
-
-
-
-
-
-
-
-
-
-
- of 0
';
-var isBookmarkOpen = false;
-var isBookmarkClick = false;
-var isTextSearchBoxOpen = false;
-var bookmarkPopup;
-var textSearchPopup;
-var toolbarObj;
-var viewer;
-var currentPageBox;
-var searchInput;
-var searchButton;
-var openDocument;
-var matchCase = false;
-var fileInputElement;
-var filename;
-
-function previousClicked(args) {
- hidePopups();
- viewer.navigation.goToPreviousPage();
-}
-function hidePopups() {
- isBookmarkOpen = false;
- isTextSearchBoxOpen = false;
- bookmarkPopup.hide();
- textSearchPopup.hide();
-}
-function bookmarkClicked() {
- textSearchPopup.hide();
- if (!isBookmarkOpen) {
- var bookmarkDetails = viewer.bookmark.getBookmarks();
- if (bookmarkDetails.bookmarks) {
- var bookmarks = bookmarkDetails.bookmarks.bookMark;
- var treeObj = new ej.navigations.TreeView({
- fields: {
- dataSource: bookmarks,
- id: 'Id',
- parentID: 'Pid',
- text: 'Title',
- hasChildren: 'HasChild',
- }, nodeSelected: nodeClick
- });
- treeObj.appendTo('#bookmarkview');
- bookmarkPopup.show();
- isBookmarkOpen = true;
- isBookmarkClick = true;
- }
- else {
- toolbarObj.enableItems(document.getElementById('bookmarkButton'), false);
- isBookmarkOpen = false;
- }
- }
- else {
- if (!isBookmarkClick) {
- bookmarkPopup.show();
- isBookmarkClick = true;
- } else {
- bookmarkPopup.hide();
- isBookmarkClick = false;
- }
- }
-}
-function nextClicked(args) {
- hidePopups();
- viewer.navigation.goToNextPage();
-}
-function searchClicked(args) {
- bookmarkPopup.hide();
- if (!isTextSearchBoxOpen) {
- textSearchPopup.show();
- }
- else {
- viewer.textSearch.cancelTextSearch();
- textSearchPopup.hide();
- }
- isTextSearchBoxOpen = !isTextSearchBoxOpen;
-}
-function printClicked(args) {
- hidePopups();
- viewer.print.print();
-}
-function downloadClicked(args) {
- hidePopups();
- viewer.download();
-}
-function pageFitClicked(args) {
- hidePopups();
- viewer.magnification.fitToPage();
- updateZoomButtons();
- toolbarObj.enableItems(document.getElementById('fitPage'), false);
-}
-function zoomInClicked(args) {
- hidePopups();
- viewer.magnification.zoomIn();
- updateZoomButtons();
-}
-function zoomOutClicked(args) {
- hidePopups();
- viewer.magnification.zoomOut();
- updateZoomButtons();
-}
-
-function readFile(args) {
- // tslint:disable-next-line
- var upoadedFiles = args.target.files;
- if (args.target.files[0] !== null) {
- var uploadedFile = upoadedFiles[0];
- filename = upoadedFiles[0].name;
- if (uploadedFile) {
- var reader = new FileReader();
- reader.readAsDataURL(uploadedFile);
- // tslint:disable-next-line
- reader.onload = function (e) {
- var uploadedFileUrl = e.currentTarget.result;
- viewer.load(uploadedFileUrl, null);
- currentPageBox.value = '1';
- document.getElementById("bookmarkview").innerHTML = "";
- isBookmarkOpen = false;
- viewer.fileName = filename;
- };
- }
- }
-}
-
-function openClicked() {
- document.getElementById('fileUpload').click();
-}
-function onCurrentPageBoxKeypress(event) {
- if ((event.which < 48 || event.which > 57) && event.which !== 8 && event.which !== 13) {
- event.preventDefault();
- return false;
- }
- else {
- var currentPageNumber = parseInt(currentPageBox.value);
- if (event.which === 13) {
- if (currentPageNumber > 0 && currentPageNumber <= viewer.pageCount) {
- viewer.navigation.goToPage(currentPageNumber);
- }
- else {
- currentPageBox.value = viewer.currentPageNumber.toString();
- }
- }
- return true;
- }
-}
-function onCurrentPageBoxClicked() {
- currentPageBox.select();
- currentPageBox.focus();
-}
-function updatePageNavigation() {
- if (viewer.currentPageNumber === 1) {
- toolbarObj.enableItems(document.getElementById('previousPage'), false);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- }
- else if (viewer.currentPageNumber === viewer.pageCount) {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), false);
- }
- else {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- }
-}
-function updateZoomButtons() {
- if (viewer.zoomPercentage <= 50) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), false);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
- else if (viewer.zoomPercentage >= 400) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), false);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
- else {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
-}
-function nodeClick(args) {
- var bookmarksDetails = viewer.bookmark.getBookmarks();
- var bookmarksDestination = bookmarksDetails.bookmarksDestination;
- var bookid = Number(args.nodeData.id);
- var pageIndex = bookmarksDestination.bookMarkDestination[bookid].PageIndex;
- var Y = bookmarksDestination.bookMarkDestination[bookid].Y;
- viewer.bookmark.goToBookmark(pageIndex, Y);
- return false;
-}
-function searchInputKeypressed(event) {
- enablePrevButton(true);
- enableNextButton(true);
- if (event.which === 13) {
- initiateTextSearch();
- updateSearchInputIcon(false);
- }
-}
-function searchClickHandler() {
- if (searchButton.classList.contains('e-pv-search-icon')) {
- viewer.textSearch.cancelTextSearch();
- initiateTextSearch();
- }
- else if (searchButton.classList.contains('e-pv-search-close')) {
- searchInput.value = '';
- searchInput.focus();
- viewer.textSearch.cancelTextSearch();
- }
-}
-function initiateTextSearch() {
- var searchString = searchInput.value;
- viewer.textSearch.searchText(searchString, matchCase);
-}
-function previousSearchClicked() {
- var searchString = searchInput.value;
- if (searchString) {
- viewer.textSearch.searchPrevious();
- }
-}
-function nextSearchClicked() {
- var searchString = searchInput.value;
- if (searchString) {
- viewer.textSearch.searchNext();
- }
-}
-function checkBoxChanged(args) {
- if (args.checked) {
- matchCase = true;
- }
- else {
- matchCase = false;
- }
- initiateTextSearch();
-}
-function enablePrevButton(isEnable) {
- var previousSearchButton = document.getElementById('previousSearch');
- if (isEnable) {
- previousSearchButton.removeAttribute('disabled');
- }
- else {
- previousSearchButton.disabled = true;
- }
-}
-function enableNextButton(isEnable) {
- var nextSearchButton = document.getElementById('nextSearch');
- if (isEnable) {
- nextSearchButton.removeAttribute('disabled');
- }
- else {
- nextSearchButton.disabled = true;
- }
-}
-function updateSearchInputIcon(isEnable) {
- if (isEnable) {
- searchButton.classList.remove('e-pv-search-close');
- searchButton.classList.add('e-pv-search-icon');
- }
- else {
- searchButton.classList.remove('e-pv-search-icon');
- searchButton.classList.add('e-pv-search-close');
- }
-}
-this.default = function () {
- toolbarObj = new ej.navigations.Toolbar({
- items: [
- { prefixIcon: 'e-pv-open-document', tooltipText: 'Open', id: 'openButton', click: openClicked },
- { prefixIcon: 'e-pv-bookmark-icon', tooltipText: 'Bookmark', id: 'bookmarkButton', click: bookmarkClicked },
- { prefixIcon: 'e-pv-previous-page-navigation-icon', id: 'previousPage', tooltipText: 'Previous Page', align: 'Center', click: previousClicked.bind(this) },
- { prefixIcon: 'e-pv-next-page-navigation-icon', id: 'nextPage', tooltipText: 'Next Page', align: 'Center', click: nextClicked.bind(this) },
- { template: inputTemplate, tooltipText: 'Page Number', align: 'Center' },
- { template: totalPageNum, tooltipText: 'Page Number', align: 'Center' },
- { prefixIcon: 'e-pv-search-icon', tooltipText: 'Text Search', align: 'Right', click: searchClicked.bind(this) },
- { prefixIcon: 'e-pv-print-document-icon', tooltipText: 'Print', align: 'Right', click: printClicked.bind(this) },
- { prefixIcon: 'e-pv-download-document-icon', tooltipText: 'Download', align: 'Right', click: downloadClicked.bind(this) }
- ]
- });
- toolbarObj.appendTo('#topToolbar');
- var magnificationToolbar = new ej.navigations.Toolbar({
- items: [
- { prefixIcon: 'e-pv-fit-page-icon', id: 'fitPage', tooltipText: 'Fit to page', click: pageFitClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-in-icon', id: 'zoomIn', tooltipText: 'Zoom in', click: zoomInClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-out-icon' , id: 'zoomOut', tooltipText: 'Zoom out', click: zoomOutClicked.bind(this) },
- ]
- });
- magnificationToolbar.appendTo('#magnificationToolbar');
- viewer = new ej.pdfviewer.PdfViewer({
- enableToolbar: true,
- enableThumbnail: true,
- documentPath: 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf'
- });
- ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
- viewer.appendTo('#pdfViewer');
- document.getElementById('fileUpload').addEventListener('change', readFile, false);
- currentPageBox = document.getElementById('currentPage');
- currentPageBox.value = '1';
- searchInput = document.getElementById('searchInput');
- openDocument = document.getElementById('fileupload');
- bookmarkPopup = new ej.popups.Dialog({
- showCloseIcon: true, header: "Bookmarks", closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- content: '',
- buttons: [{
- buttonModel: {},
- }], position: { X: 'left', Y: 'top' }, cssClass: 'e-bookmark-popup', beforeClose: function () {
- isBookmarkOpen = false;
- }
- });
- bookmarkPopup.appendTo('#popup');
- textSearchPopup = new ej.popups.Dialog({
- showCloseIcon: false, closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- buttons: [{
- buttonModel: {},
- }], position: { X: 'right', Y: 'top' }, cssClass: 'e-text-search-popup',
- });
- textSearchPopup.appendTo('#textSearchBox');
- var previousSearch = new ej.buttons.Button({ iconCss: 'e-pv-previous-search' });
- previousSearch.appendTo('#previousSearch');
- var nextSearch = new ej.buttons.Button({ iconCss: 'e-pv-next-search-btn' });
- nextSearch.appendTo('#nextSearch');
- var matchCaseCheck = new ej.buttons.CheckBox({ label: 'Match case', change: checkBoxChanged });
- matchCaseCheck.appendTo('#matchCase');
- viewer.pageChange = function (args) {
- currentPageBox.value = viewer.currentPageNumber.toString();
- updatePageNavigation();
- };
- viewer.documentLoad = function (args) {
-
- document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
- updatePageNavigation();
- };
- searchButton = document.getElementById('searchBtn');
- searchInput.addEventListener('focus', function () { searchInput.parentElement.classList.add('e-input-focus'); });
- searchInput.addEventListener('blur', function () { searchInput.parentElement.classList.remove('e-input-focus'); });
- searchInput.addEventListener('keypress', searchInputKeypressed);
- document.getElementById('previousSearch').addEventListener('click', previousSearchClicked);
- document.getElementById('nextSearch').addEventListener('click', nextSearchClicked);
- searchButton.addEventListener('click', searchClickHandler);
- currentPageBox.addEventListener('keypress', onCurrentPageBoxKeypress);
- currentPageBox.addEventListener('click', onCurrentPageBoxClicked);
- bookmarkPopup.hide();
- textSearchPopup.hide();
- enableNextButton(false);
- enablePrevButton(false);
-};
-
-```
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-```javascript
-
-var inputTemplate = '';
-var totalPageNum = 'of 0
';
-var isBookmarkOpen = false;
-var isBookmarkClick = false;
-var isTextSearchBoxOpen = false;
-var bookmarkPopup;
-var textSearchPopup;
-var toolbarObj;
-var viewer;
-var currentPageBox;
-var searchInput;
-var searchButton;
-var openDocument;
-var matchCase = false;
-var fileInputElement;
-var filename;
-
-function previousClicked(args) {
- hidePopups();
- viewer.navigation.goToPreviousPage();
-}
-function hidePopups() {
- isBookmarkOpen = false;
- isTextSearchBoxOpen = false;
- bookmarkPopup.hide();
- textSearchPopup.hide();
-}
-function bookmarkClicked() {
- textSearchPopup.hide();
- if (!isBookmarkOpen) {
- var bookmarkDetails = viewer.bookmark.getBookmarks();
- if (bookmarkDetails.bookmarks) {
- var bookmarks = bookmarkDetails.bookmarks.bookMark;
- var treeObj = new ej.navigations.TreeView({
- fields: {
- dataSource: bookmarks,
- id: 'Id',
- parentID: 'Pid',
- text: 'Title',
- hasChildren: 'HasChild',
- }, nodeSelected: nodeClick
- });
- treeObj.appendTo('#bookmarkview');
- bookmarkPopup.show();
- isBookmarkOpen = true;
- isBookmarkClick = true;
- }
- else {
- toolbarObj.enableItems(document.getElementById('bookmarkButton'), false);
- isBookmarkOpen = false;
- }
- }
- else {
- if (!isBookmarkClick) {
- bookmarkPopup.show();
- isBookmarkClick = true;
- } else {
- bookmarkPopup.hide();
- isBookmarkClick = false;
- }
- }
-}
-function nextClicked(args) {
- hidePopups();
- viewer.navigation.goToNextPage();
-}
-function searchClicked(args) {
- bookmarkPopup.hide();
- if (!isTextSearchBoxOpen) {
- textSearchPopup.show();
- }
- else {
- viewer.textSearch.cancelTextSearch();
- textSearchPopup.hide();
- }
- isTextSearchBoxOpen = !isTextSearchBoxOpen;
-}
-function printClicked(args) {
- hidePopups();
- viewer.print.print();
-}
-function downloadClicked(args) {
- hidePopups();
- viewer.download();
-}
-function pageFitClicked(args) {
- hidePopups();
- viewer.magnification.fitToPage();
- updateZoomButtons();
- toolbarObj.enableItems(document.getElementById('fitPage'), false);
-}
-function zoomInClicked(args) {
- hidePopups();
- viewer.magnification.zoomIn();
- updateZoomButtons();
-}
-function zoomOutClicked(args) {
- hidePopups();
- viewer.magnification.zoomOut();
- updateZoomButtons();
-}
-
-function readFile(args) {
- // tslint:disable-next-line
- var upoadedFiles = args.target.files;
- if (args.target.files[0] !== null) {
- var uploadedFile = upoadedFiles[0];
- filename = upoadedFiles[0].name;
- if (uploadedFile) {
- var reader = new FileReader();
- reader.readAsDataURL(uploadedFile);
- // tslint:disable-next-line
- reader.onload = function (e) {
- var uploadedFileUrl = e.currentTarget.result;
- viewer.load(uploadedFileUrl, null);
- currentPageBox.value = '1';
- document.getElementById("bookmarkview").innerHTML = "";
- isBookmarkOpen = false;
- viewer.fileName = filename;
- };
- }
- }
-}
-
-function openClicked() {
- document.getElementById('fileUpload').click();
-}
-function onCurrentPageBoxKeypress(event) {
- if ((event.which < 48 || event.which > 57) && event.which !== 8 && event.which !== 13) {
- event.preventDefault();
- return false;
- }
- else {
- var currentPageNumber = parseInt(currentPageBox.value);
- if (event.which === 13) {
- if (currentPageNumber > 0 && currentPageNumber <= viewer.pageCount) {
- viewer.navigation.goToPage(currentPageNumber);
- }
- else {
- currentPageBox.value = viewer.currentPageNumber.toString();
- }
- }
- return true;
- }
-}
-function onCurrentPageBoxClicked() {
- currentPageBox.select();
- currentPageBox.focus();
-}
-function updatePageNavigation() {
- if (viewer.currentPageNumber === 1) {
- toolbarObj.enableItems(document.getElementById('previousPage'), false);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- }
- else if (viewer.currentPageNumber === viewer.pageCount) {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), false);
- }
- else {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- }
-}
-function updateZoomButtons() {
- if (viewer.zoomPercentage <= 50) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), false);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
- else if (viewer.zoomPercentage >= 400) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), false);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
- else {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
-}
-function nodeClick(args) {
- var bookmarksDetails = viewer.bookmark.getBookmarks();
- var bookmarksDestination = bookmarksDetails.bookmarksDestination;
- var bookid = Number(args.nodeData.id);
- var pageIndex = bookmarksDestination.bookMarkDestination[bookid].PageIndex;
- var Y = bookmarksDestination.bookMarkDestination[bookid].Y;
- viewer.bookmark.goToBookmark(pageIndex, Y);
- return false;
-}
-function searchInputKeypressed(event) {
- enablePrevButton(true);
- enableNextButton(true);
- if (event.which === 13) {
- initiateTextSearch();
- updateSearchInputIcon(false);
- }
-}
-function searchClickHandler() {
- if (searchButton.classList.contains('e-pv-search-icon')) {
- viewer.textSearch.cancelTextSearch();
- initiateTextSearch();
- }
- else if (searchButton.classList.contains('e-pv-search-close')) {
- searchInput.value = '';
- searchInput.focus();
- viewer.textSearch.cancelTextSearch();
- }
-}
-function initiateTextSearch() {
- var searchString = searchInput.value;
- viewer.textSearch.searchText(searchString, matchCase);
-}
-function previousSearchClicked() {
- var searchString = searchInput.value;
- if (searchString) {
- viewer.textSearch.searchPrevious();
- }
-}
-function nextSearchClicked() {
- var searchString = searchInput.value;
- if (searchString) {
- viewer.textSearch.searchNext();
- }
-}
-function checkBoxChanged(args) {
- if (args.checked) {
- matchCase = true;
- }
- else {
- matchCase = false;
- }
- initiateTextSearch();
-}
-function enablePrevButton(isEnable) {
- var previousSearchButton = document.getElementById('previousSearch');
- if (isEnable) {
- previousSearchButton.removeAttribute('disabled');
- }
- else {
- previousSearchButton.disabled = true;
- }
-}
-function enableNextButton(isEnable) {
- var nextSearchButton = document.getElementById('nextSearch');
- if (isEnable) {
- nextSearchButton.removeAttribute('disabled');
- }
- else {
- nextSearchButton.disabled = true;
- }
-}
-function updateSearchInputIcon(isEnable) {
- if (isEnable) {
- searchButton.classList.remove('e-pv-search-close');
- searchButton.classList.add('e-pv-search-icon');
- }
- else {
- searchButton.classList.remove('e-pv-search-icon');
- searchButton.classList.add('e-pv-search-close');
- }
-}
-this.default = function () {
- toolbarObj = new ej.navigations.Toolbar({
- items: [
- { prefixIcon: 'e-pv-open-document', tooltipText: 'Open', id: 'openButton', click: openClicked },
- { prefixIcon: 'e-pv-bookmark-icon', tooltipText: 'Bookmark', id: 'bookmarkButton', click: bookmarkClicked },
- { prefixIcon: 'e-pv-previous-page-navigation-icon', id: 'previousPage', tooltipText: 'Previous Page', align: 'Center', click: previousClicked.bind(this) },
- { prefixIcon: 'e-pv-next-page-navigation-icon', id: 'nextPage', tooltipText: 'Next Page', align: 'Center', click: nextClicked.bind(this) },
- { template: inputTemplate, tooltipText: 'Page Number', align: 'Center' },
- { template: totalPageNum, tooltipText: 'Page Number', align: 'Center' },
- { prefixIcon: 'e-pv-search-icon', tooltipText: 'Text Search', align: 'Right', click: searchClicked.bind(this) },
- { prefixIcon: 'e-pv-print-document-icon', tooltipText: 'Print', align: 'Right', click: printClicked.bind(this) },
- { prefixIcon: 'e-pv-download-document-icon', tooltipText: 'Download', align: 'Right', click: downloadClicked.bind(this) }
- ]
- });
- toolbarObj.appendTo('#topToolbar');
- var magnificationToolbar = new ej.navigations.Toolbar({
- items: [
- { prefixIcon: 'e-pv-fit-page-icon', id: 'fitPage', tooltipText: 'Fit to page', click: pageFitClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-in-icon', id: 'zoomIn', tooltipText: 'Zoom in', click: zoomInClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-out-icon' , id: 'zoomOut', tooltipText: 'Zoom out', click: zoomOutClicked.bind(this) },
- ]
- });
- magnificationToolbar.appendTo('#magnificationToolbar');
- viewer = new ej.pdfviewer.PdfViewer({
- enableToolbar: true,
- enableThumbnail: true,
- documentPath: 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer/'
- });
- ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.LinkAnnotation,ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);
- viewer.appendTo('#pdfViewer');
- document.getElementById('fileUpload').addEventListener('change', readFile, false);
- currentPageBox = document.getElementById('currentPage');
- currentPageBox.value = '1';
- searchInput = document.getElementById('searchInput');
- openDocument = document.getElementById('fileupload');
- bookmarkPopup = new ej.popups.Dialog({
- showCloseIcon: true, header: "Bookmarks", closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- content: '',
- buttons: [{
- buttonModel: {},
- }], position: { X: 'left', Y: 'top' }, cssClass: 'e-bookmark-popup', beforeClose: function () {
- isBookmarkOpen = false;
- }
- });
- bookmarkPopup.appendTo('#popup');
- textSearchPopup = new ej.popups.Dialog({
- showCloseIcon: false, closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- buttons: [{
- buttonModel: {},
- }], position: { X: 'right', Y: 'top' }, cssClass: 'e-text-search-popup',
- });
- textSearchPopup.appendTo('#textSearchBox');
- var previousSearch = new ej.buttons.Button({ iconCss: 'e-pv-previous-search' });
- previousSearch.appendTo('#previousSearch');
- var nextSearch = new ej.buttons.Button({ iconCss: 'e-pv-next-search-btn' });
- nextSearch.appendTo('#nextSearch');
- var matchCaseCheck = new ej.buttons.CheckBox({ label: 'Match case', change: checkBoxChanged });
- matchCaseCheck.appendTo('#matchCase');
- viewer.pageChange = function (args) {
- currentPageBox.value = viewer.currentPageNumber.toString();
- updatePageNavigation();
- };
- viewer.documentLoad = function (args) {
-
- document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
- updatePageNavigation();
- };
- searchButton = document.getElementById('searchBtn');
- searchInput.addEventListener('focus', function () { searchInput.parentElement.classList.add('e-input-focus'); });
- searchInput.addEventListener('blur', function () { searchInput.parentElement.classList.remove('e-input-focus'); });
- searchInput.addEventListener('keypress', searchInputKeypressed);
- document.getElementById('previousSearch').addEventListener('click', previousSearchClicked);
- document.getElementById('nextSearch').addEventListener('click', nextSearchClicked);
- searchButton.addEventListener('click', searchClickHandler);
- currentPageBox.addEventListener('keypress', onCurrentPageBoxKeypress);
- currentPageBox.addEventListener('click', onCurrentPageBoxClicked);
- bookmarkPopup.hide();
- textSearchPopup.hide();
- enableNextButton(false);
- enablePrevButton(false);
-};
-
-```
-{% endhighlight %}
-{% endtabs %}
-
-Sample :
-[https://ej2.syncfusion.com/javascript/demos/#/material/pdfviewer/custom-toolbar.html](https://ej2.syncfusion.com/javascript/demos/#/material/pdfviewer/custom-toolbar.html)
-
-## See also
-
-* [Toolbar customization](./how-to/customization)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/troubleshooting/content-security-policy.md b/ej2-javascript/pdfviewer/js/troubleshooting/content-security-policy.md
deleted file mode 100644
index 6df2767b0..000000000
--- a/ej2-javascript/pdfviewer/js/troubleshooting/content-security-policy.md
+++ /dev/null
@@ -1,62 +0,0 @@
----
-layout: post
-title: Content Security Policy in ##Platform_Name## Common control | Syncfusion
-description: Learn here all about Content Security Policy in Syncfusion ##Platform_Name## Common control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
----
-
-# Content Security Policy
-
-Content Security Policy (CSP) is a security feature implemented by web browsers that helps to protect against attacks such as cross-site scripting (XSS) and data injection. It limits the sources from which content can be loaded on a web page.
-
-To enable strict [Content Security Policy (CSP)](https://csp.withgoogle.com/docs/strict-csp.html), certain browser features are disabled by default. In order to use Syncfusion PDF Viewer control with strict CSP mode, it is essential to include following directives in the CSP meta tag.
-
-* Syncfusion PDF Viewer control are rendered with calculated **inline styles** and **base64** font icons, which are blocked on a strict CSP-enabled site. To allow them, add the [`style-src 'self' 'unsafe-inline';`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src) and [`font-src 'self' data:;`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src) directives in the meta tag as follows.
-
-{% tabs %}
-{% highlight razor tabtitle="HTML" %}
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-* Syncfusion **material** and **tailwind** built-in themes contain a reference to the [`Roboto’s external font`](https://fonts.googleapis.com/css?family=Roboto:400,500), which is also blocked. To allow them, add the [`external font`](https://fonts.googleapis.com/css?family=Roboto:400,500) reference to the [`style-src`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src) and [`font-src`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src) directives in the above meta tag.
-
-The resultant meta tag is included within the `` tag and resolves the CSP violation on the application's side when utilizing Syncfusion PDF Viewer control with material and tailwind themes.
-
-{% tabs %}
-{% highlight razor tabtitle="HTML" %}
-
-
- ...
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-* Syncfusion PDF Viewer control when images are added as **blob** and **base64**, which are blocked on a strict CSP-enabled site.To overcome this restriction, it is necessary to add the img-src data: directive in the meta tag. To allow them, add the [`style-src 'self' 'unsafe-inline';`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src) and [`img-src 'self' data:;`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src) directives as follows.
-
-{% tabs %}
-{% highlight razor tabtitle="HTML" %}
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> From the release 2023 Vol2 - 22.1 version, the Content Security Policy for Syncfusion PDF Viewer control has been enhanced by implementing a [function template](../template#function-template) approach for template properties to eliminate the usage of the `unsafe-eval` directive in the CSP meta tag.
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/Troubleshooting/Content%20Security%20Policy)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/js/troubleshooting/document-loading-issues.md b/ej2-javascript/pdfviewer/js/troubleshooting/document-loading-issues.md
deleted file mode 100644
index 5e2f616c8..000000000
--- a/ej2-javascript/pdfviewer/js/troubleshooting/document-loading-issues.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-layout: post
-title: Document Loading Issues in Version 23.1 or Newer ##Platform_Name## Pdfviewer Component
-description: Learn here all about troubleshooting Document Loading Issues in Version 23.1 or newer in ##Platform_Name## Pdfviewer of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
----
-
-# Document Loading Issues in Version 23.1 or Newer
-
-If you're experiencing problems with your document not rendering in the viewer, especially when using version 23.1 or a newer version, follow these troubleshooting steps to resolve the issue:
-
-1. **Check for `viewer.dataBind()` Requirement**: Ensure that you have called `viewer.dataBind()` as required in version 23.1 or newer. This explicit call is essential for initializing data binding and document rendering correctly. It is must to call the dataBind() method before load.
-
-```javascript
-var viewer = new ej.pdfviewer.PdfViewer ({
-serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'});
-
-ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.BookmarkView, ej.pdfviewer.ThumbnailView, ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.LinkAnnotation, ej.pdfviewer.Annotation, ej.pdfviewer.FormFields, ej.pdfviewer.FormDesigner);
-
-viewer.appendTo('#pdfViewer');
-viewer.dataBind();
-viewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
-```
-
-2. **Verify Document Source**: Confirm that the document source or URL you're trying to display is valid and accessible. Incorrect URLs or document paths can lead to loading issues.
-
-3. **Network Connectivity**: Ensure that your application has a stable network connection. Document rendering may fail if the viewer can't fetch the document due to network issues.
-
-4. **Console Errors**: Use your browser's developer tools to check for any error messages or warnings in the console. These messages can provide insights into what's causing the document not to load.
-
-5. **Loading Sequence**: Make sure that you're calling `viewer.dataBind()` and initiating document loading in the correct sequence. The viewer should be properly initialized before attempting to load a document.
-
-7. **Update Viewer**: Ensure that you're using the latest version of the viewer library or framework. Sometimes, issues related to document loading are resolved in newer releases.
-
-8. **Cross-Origin Resource Sharing (CORS)**: If you're loading documents from a different domain, ensure that CORS headers are correctly configured to allow cross-origin requests.
-
-9. **Content Security Policies (CSP)**: Check if your application's Content Security Policy allows the loading of external resources, as this can affect document loading. Refer [here](https://ej2.syncfusion.com/javascript/documentation/common/troubleshoot/content-security-policy) to troubleshoot.
-
-By following these troubleshooting steps, you should be able to address issues related to document loading in version 23.1 or newer, ensuring that your documents render correctly in the viewer.
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/server-deployment/how-to-deploy-docker-image-in-azure-app-service-for-container.md b/ej2-javascript/pdfviewer/server-deployment/how-to-deploy-docker-image-in-azure-app-service-for-container.md
deleted file mode 100644
index 6bf0adede..000000000
--- a/ej2-javascript/pdfviewer/server-deployment/how-to-deploy-docker-image-in-azure-app-service-for-container.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-layout: post
-title: How to deploy docker image in azure app service for container in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about How to deploy docker image in azure app service for container in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: How to deploy docker image in azure app service for container
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# How to deploy docker image in azure app service for container in ##Platform_Name## Pdfviewer control
-
-## Prerequisites
-
-* Have [`Azure account`](https://azure.microsoft.com/en-gb/) and [`Azure CLI`](https://docs.microsoft.com/en-us/cli/azure/?view=azure-cli-latest) setup in your environment.
-
-* Run the following command to open the Azure login page. Sign into your [`Microsoft Azure account`](https://azure.microsoft.com/en-gb/).
-
-```
-az login
-```
-
-**Step 1:** Create a resource group.
-
-Create a resource group using the [`az group create`](https://docs.microsoft.com/en-us/cli/azure/group#az-group-create) command.
-
-The following example creates a resource group named pdfviewerresourcegroup in the eastus location.
-
-```
-az group create --name pdfviewerresourcegroup --location "East US"
-```
-
-**Step 2:** Create an Azure App Service plan.
-
-Create an App Service plan in the resource group with the [`az appservice plan create`](https://docs.microsoft.com/en-us/cli/azure/appservice/plan?view=azure-cli-latest#az-appservice-plan-create) command.
-
-The following example creates an App Service plan named pdfviewerappservice in the Standard pricing tier (--sku S1) and in a Linux container (--is-linux).
-
-```
-az appservice plan create --name pdfviewerappservice --resource-group pdfviewerresourcegroup --sku S1 --is-linux
-```
-
-**Step 3:** Create a Docker Compose app.
-
-Create a multi-container [`web app`](https://docs.microsoft.com/en-us/azure/app-service/containers/app-service-linux-intro) in the pdfviewerappservice App Service plan with the [`az webapp create`](https://docs.microsoft.com/en-us/cli/azure/webapp?view=azure-cli-latest#az-webapp-create) command. The following command creates the web app using the provided Docker compose file. Please look into the section for getting started with Docker compose to create the Docker compose file for the PDF Viewer server and use the created Docker compose file here.
-
-```
-az webapp create --resource-group pdfviewerappservice --plan pdfviewerappservice --name pdfviewer-server --multicontainer-config-type compose --multicontainer-config-file pdfviewer-server-compose.yml
-```
-
-**Step 4:** Browse to the app.
-
-Browse to the deployed app at `http://
-
-
-
-
-
-```
-
-## How to configure the distributed Redis Cache in this Docker image
-
-The PDF Viewer server library internally caches the loaded document instance and you can extend the cache option to a distributed cache environment. Please follow these steps to configure the Azure Cache for a Redis instance to the PDF Viewer server library using a Docker compose file.
-
-**Step 1:** Create the [`Azure Cache for the Redis instance`](https://docs.microsoft.com/en-us/azure/azure-cache-for-redis/cache-dotnet-core-quickstart) and copy the connection string.
-
-**Step 2:** Provide the connection string to the `REDIS_CACHE_CONNECTION_STRING` environment variable in the pdfviewer-server docker-compose file. The default cache sliding expiration time is 10 minutes. You can also configure it by setting the value to the `DOCUMENT_SLIDING_EXPIRATION_TIME` environment variable.
-
-```yaml
-version: '3.4'
-services:
- pdfviewer-server:
- image: syncfusion/pdfviewer-server:latest
- environment:
- #Provide your license key for activation
- SYNCFUSION_LICENSE_KEY: YOUR_LICENSE_KEY
- REDIS_CACHE_CONNECTION_STRING: YOUR_REDIS_CACHE_CONNECTION_STRING
- DOCUMENT_SLIDING_EXPIRATION_TIME: “20”
- ports:
- - "6001:80"
-```
-
-Refer to these getting started pages to create a PDF Viewer in [`Angular`](https://ej2.syncfusion.com/angular/documentation/pdfviewer/getting-started), [`React`](https://ej2.syncfusion.com/react/documentation/pdfviewer/getting-started), [`Vue`](https://ej2.syncfusion.com/vue/documentation/pdfviewer/getting-started), [`ASP.NET MVC`](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started), [`ASP.NET Core`](https://ej2.syncfusion.com/aspnetcore/documentation/pdfviewer/getting-started), and [`Blazor`](https://blazor.syncfusion.com/documentation/pdfviewer/getting-started/server-side-application).
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/accessibility.md b/ej2-javascript/pdfviewer/ts/accessibility.md
deleted file mode 100644
index 09a092f70..000000000
--- a/ej2-javascript/pdfviewer/ts/accessibility.md
+++ /dev/null
@@ -1,285 +0,0 @@
----
-layout: post
-title: Accessibility in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about accessibility in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Accessibility in Syncfusion PDF Viewer components
-
-The PDF Viewer component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
-
-The accessibility compliance for the PDF Viewer component is outlined below.
-
-| Accessibility Criteria | Compatibility |
-| -- | -- |
-| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) |
-
- |
-| [Section 508 Support](../common/accessibility#accessibility-standards) | |
-| [Screen Reader Support](../common/accessibility#screen-reader-support) | |
-| [Right-To-Left Support](../common/accessibility#right-to-left-support) | |
-| [Color Contrast](../common/accessibility#color-contrast) | |
-| [Mobile Device Support](../common/accessibility#mobile-device-support) | |
-| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | |
-| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | |
-| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | |
-
-
- - All features of the component meet the requirement. - Some features of the component do not meet the requirement. - The component does not meet the requirement.Loading....
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/highlight-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from highlight mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Highlight');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/highlight-normal-mode-cs1" %}
-
-
-## Highlight a text programmatically
-
-The PDF Viewer library enables you to programmatically highlight text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply highlighting programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, HighlightSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-pdfviewer.appendTo('#PdfViewer');
-
-let highlight = document.getElementById('highlight');
-if (highlight) {
- highlight.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Highlight", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as HighlightSettings);
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, HighlightSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.appendTo('#PdfViewer');
-
-let highlight = document.getElementById('highlight');
-if (highlight) {
- highlight.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Highlight", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as HighlightSettings);
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Underline a text
-
-There are two ways to underline a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Underline** option in the context menu that appears.
-
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Underline** button in the annotation toolbar. It enables the underline mode.
- * Select the text and the underline annotation will be added.
- * You can also select the text and apply the underline annotation using the **Underline** button.
-
-
-
-In the pan mode, if the underline mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for underlining the text.
-
-Refer to the following code snippet to switch to underline mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Underline');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/underline-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from underline mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Underline');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/underline-normal-mode-cs1" %}
-
-## Underline a text programmatically
-
-The PDF Viewer library enables you to programmatically Underline text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply Underline programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, UnderlineSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-pdfviewer.appendTo('#PdfViewer');
-
-let underline = document.getElementById('underline');
-if (underline) {
- underline.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Underline", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as UnderlineSettings);
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, UnderlineSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.appendTo('#PdfViewer');
-
-let underline = document.getElementById('underline');
-if (underline) {
- underline.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Underline", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as UnderlineSettings);
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Strikethrough a text
-
-There are two ways to strikethrough a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Strikethrough** option in the context menu that appears.
-
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Strikethrough** button in the annotation toolbar. It enables the strikethrough mode.
- * Select the text and the strikethrough annotation will be added.
- * You can also select the text and apply the strikethrough annotation using the **Strikethrough** button.
-
-
-
-In the pan mode, if the strikethrough mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for striking through the text.
-
-Refer to the following code snippet to switch to strikethrough mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Strikethrough');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/strikethrough-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from underline mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Strikethrough');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/strikethrough-normal-mode-cs1" %}
-
-## Strikethrough a text programmatically
-
-The PDF Viewer library enables you to programmatically Strikethrough text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply Strikethrough programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, StrikethroughSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/25.1.35/dist/ej2-pdfviewer-lib";
-pdfviewer.appendTo('#PdfViewer');
-
-let strikethrough = document.getElementById('strikethrough');
-if (strikethrough) {
- strikethrough.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Strikethrough", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as StrikethroughSettings);
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, StrikethroughSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.appendTo('#PdfViewer');
-
-let strikethrough = document.getElementById('strikethrough');
-if (strikethrough) {
- strikethrough.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Strikethrough", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as StrikethroughSettings);
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Squiggly a text
-
-There are two ways to add squiggly to a text in the PDF document:
-
-1. Using the context menu
- * Select a text in the PDF document and right-click it.
- * Select **Squiggly** option in the context menu that appears.
-
-
-
-2. Using the annotation toolbar
- * Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
- * Select the **Squiggly** button in the annotation toolbar. It enables the squiggly mode.
- * Select the text and the squiggly annotation will be added.
- * You can also select the text and apply the squiggly annotation using the **Squiggly** button.
-
-
-
-In the pan mode, if the squiggly mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for adding squiggly to the text.
-
-Refer to the following code snippet to switch to squiggly mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Squiggly');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/squiggly-mode-cs1" %}
-
-Refer to the following code snippet to switch back to normal mode from underline mode.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib"
-});
-
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('Squiggly');
-});
-
-document.getElementById('setNone').addEventListener('click', ()=> {
- pdfviewer.annotation.setAnnotationMode('None');
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/squiggly-normal-mode-cs1" %}
-
-## Squiggly a text programmatically
-
-The PDF Viewer library enables you to programmatically Squiggly text within the PDF Viewer control using the [**addAnnotation()**](https://helpej2.syncfusion.com/documentation/api/pdfviewer/annotation/#annotation) method.
-
-Here's an example of how you can use the **addAnnotation()** method to apply Squiggly programmatically:
-
-```html
-
-```
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, SquigglySettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib";
-pdfviewer.appendTo('#PdfViewer');
-
-let squiggly = document.getElementById('squiggly');
-if (squiggly) {
- squiggly.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Squiggly", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as SquigglySettings);
- }
- });
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer, SquigglySettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PageOrganizer);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.appendTo('#PdfViewer');
-
-let squiggly = document.getElementById('squiggly');
-if (squiggly) {
- squiggly.addEventListener('click', function () {
- if (pdfviewer) {
- pdfviewer.annotation.addAnnotation("Squiggly", {
- bounds: [{ x: 97, y: 110, width: 350, height: 14 }],
- pageNumber: 1
- } as SquigglySettings);
- }
- });
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Deleting a text markup annotation
-
-The selected annotation can be deleted by the following ways:
-
-1. Using Delete key
- * Select the annotation to be deleted.
- * Click the Delete key in the keyboard. The selected annotation will be deleted.
-
-2. Using the annotation toolbar
- * Select the annotation to be deleted.
- * Click the **Delete Annotation** button in the annotation toolbar. The selected annotation will be deleted.
-
-
-
-## Editing the properties of the text markup annotation
-
-The color and the opacity of the text markup annotation can be edited using the Edit Color tool and the Edit Opacity tool in the annotation toolbar.
-
-### Editing color
-
-The color of the annotation can be edited using the color palette provided in the Edit Color tool.
-
-
-
-### Editing opacity
-
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
-
-
-
-## Setting default properties during control initialization
-
-The properties of the text markup annotation can be set before creating the control using highlightSettings, underlineSettings, strikethroughSettings and squigglySettings.
-
->After editing the default color and opacity using the Edit Color tool and Edit Opacity tool, they will be changed to the selected values.
-
-Refer to the following code snippet to set the default annotation settings.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
-highlightSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},
-underlineSettings: {author: 'Guest User', subject: 'Points to be remembered', color: '#00ffff', opacity: 0.9, modifiedDate: ''},
-strikethroughSettings: {author: 'Guest User', subject: 'Not Important', color: '#ff00ff', opacity: 0.9, modifiedDate: ''},
-squigglySettings: {author: 'Guest User', subject: 'Corrections', color: '#00ff00', opacity: 0.9, modifiedDate: ''} });
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
-highlightSettings: {author: 'Guest User', subject: 'Important', color: '#ffff00', opacity: 0.9, modifiedDate: ''},
-underlineSettings: {author: 'Guest User', subject: 'Points to be remembered', color: '#00ffff', opacity: 0.9, modifiedDate: ''},
-strikethroughSettings: {author: 'Guest User', subject: 'Not Important', color: '#ff00ff', opacity: 0.9, modifiedDate: ''},
-squigglySettings: {author: 'Guest User', subject: 'Corrections', color: '#00ff00', opacity: 0.9, modifiedDate: ''} });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Performing undo and redo
-
-The PDF Viewer performs undo and redo for the changes made in the PDF document. In text markup annotation, undo and redo actions are provided for:
-
-* Inclusion of the text markup annotations.
-* Deletion of the text markup annotations.
-* Change of either color or opacity of the text markup annotations.
-
-Undo and redo actions can be done by the following ways:
-
-1. Using keyboard shortcuts:
- After performing a text markup annotation action, you can undo it by using Ctrl + Z shortcut and redo by using Ctrl + Y shortcut.
-2. Using toolbar:
- Undo and redo can be done using the **Undo** tool and **Redo** tool provided in the toolbar.
-
-Refer to the following code snippet for calling undo and redo actions from the client-side.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,
- BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('undo').addEventListener('click', ()=> {
- pdfviewer.undo();
-});
-
-document.getElementById('redo').addEventListener('click', ()=> {
- pdfviewer.redo();
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/text-markup-annotation/undo-redo-cs1" %}
-
-## Saving the text markup annotation
-
-When you click the download tool in the toolbar, the text markup annotations will be saved in the PDF document. This action will not affect the original document.
-
-## Printing the text markup annotation
-
-When the print tool is selected in the toolbar, the PDF document will be printed along with the text markup annotations added to the pages. This action will not affect the original document.
-
-## Disabling text markup annotation
-
-The PDF Viewer control provides an option to disable the text markup annotation feature. The code snippet for disabling the feature is as follows.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', enableTextMarkupAnnotation: false });
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', enableTextMarkupAnnotation: false });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## See also
-
-* [Toolbar items](../toolbar)
-* [Feature Modules](../feature-module)
diff --git a/ej2-javascript/pdfviewer/ts/download.md b/ej2-javascript/pdfviewer/ts/download.md
deleted file mode 100644
index 5a2d56c21..000000000
--- a/ej2-javascript/pdfviewer/ts/download.md
+++ /dev/null
@@ -1,142 +0,0 @@
----
-layout: post
-title: Download in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Download in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Download
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-# Download in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer supports downloading the loaded PDF file. You can enable/disable the download using the following code snippet.
-
-```html
-
-
-
-
- Loading....
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/addformfield-cs3" %}
-
-## Edit/Update form field programmatically
-
-Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
- RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } as TextFieldSettings);
-}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/updateformfield-cs3" %}
-
-## Delete form field programmatically
-
-Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
- TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
- RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
- pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
- pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
- pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/deleteformfield-cs3" %}
-
-## Saving the form fields
-
-When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference.
-
-
-
-You can invoke download action using following code snippet.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.download();
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.download();
-
-
-{% endhighlight %}
-{% endtabs %}
-
-## Printing the form fields
-
-When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference.
-
-
-
-You can invoke print action using the following code snippet.,
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.print.print();
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.print.print();
-
-{% endhighlight %}
-{% endtabs %}
-
-## setFormFieldMode programmatically
-
-The **setFormFieldMode** method is a function in the Syncfusion PDF Viewer library that allows you to add a form field dynamically by passing the type of the form field. You can pass the form fields as a parameter like below.
-
-```
-
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('addPasswordField').addEventListener('click', function () {
- pdfviewer.formDesignerModule.setFormFieldMode("Password");
-});
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('addPasswordField').addEventListener('click', function () {
- pdfviewer.formDesignerModule.setFormFieldMode("Password");
-});
-{% endhighlight %}
-{% endtabs %}
-
-## Open the existing PDF document
-
-We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference.
-
-
-
-## Validate form fields
-
-The form fields in the PDF Document will be validated when the `enableFormFieldsValidation` is set to true and hook the validateFormFields. The validateFormFields will be triggered when the PDF document is downloaded or printed with the non-filled form fields. The non-filled fields will be obtained in the `nonFillableFields` property of the event arguments of validateFormFields.
-
-Add the following code snippet to validate the form fields,
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.enableFormFieldsValidation = true;
-viewer.validateFormFields= function (args) {
-var nonfilledFormFields = args.nonFillableFields;
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.enableFormFieldsValidation = true;
-viewer.validateFormFields= function (args) {
-var nonfilledFormFields = args.nonFillableFields;
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Export and import form fields
-
-The PDF Viewer control provides the support to export and import the form field data in the following formats using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods.
-
-* FDF
-* XFDF
-* JSON
-
-### Export and import as FDF
-
-Using the `exportFormFields` method, the form field data can be exported in the specified data format. This method accepts two parameters:
-
-* The first one must be the destination path for the exported data. If the path is not specified, it will ask for the location while exporting.
-* The second parameter should be the format type of the form data.
-
-The following code explains how to export the form field data as FDF.
-
-```ts
-
-
-
-
-
-
-// Event triggers on Export FDF button click.
-document.getElementById('exportFdf').addEventListener('click', ()=> {
- // Data must be the desired path for the exported document.
- viewer.exportFormFields('Data', FormFieldDataFormat.Fdf);
-});
-
-// Event triggers on Import FDF button click.
-document.getElementById('importFdf').addEventListener('click', ()=> {
- // The file for importing the form field should be placed in the desired location, and the path should be provided correctly
- viewer.importFormFields('File', FormFieldDataFormat.Fdf);
-});
-
-```
-
-### Export and import as XFDF
-
-The following code explains how to export the form field data as XFDF.
-
-```ts
-
-
-
-
-
-
-// Event triggers on Export XFDF button click.
-document.getElementById('exportXfdf').addEventListener('click', ()=> {
- // Data must be the desired path for the exported document.
- viewer.exportFormFields('Data', FormFieldDataFormat.Xfdf);
-});
-
-// Event triggers on Import XFDF button click.
-document.getElementById('importXfdf').addEventListener('click', ()=> {
- // The file for importing the form field should be placed in the desired location, and the path should be provided correctly
- viewer.importFormFields('File', FormFieldDataFormat.Xfdf);
-});
-
-```
-
-### Export and import as JSON
-
-The following code explains how to export the form field data as JSON.
-
-```ts
-
-
-
-
-
-
-// Event triggers on Export JSON button click.
-document.getElementById('exportJson').addEventListener('click', ()=> {
- // Data must be the desired path for the exported document.
- viewer.exportFormFields('Data', FormFieldDataFormat.Json);
-});
-
-// Event triggers on Import JSON button click.
-document.getElementById('importJson').addEventListener('click', ()=> {
- // The file for importing the form field should be placed in the desired location, and the path should be provided correctly
- viewer.importFormFields('File', FormFieldDataFormat.Json);
-});
-
-```
-
-### Export and import as Object
-
-The PDF Viewer control supports exporting the form field data as an object, and the exported data will be imported into the current PDF document from the object.
-
-The following code shows how to export the form field data as an object and import the form field data from that object into the current PDF document via a button click.
-
-```ts
-
-
-
-
-
-
-let exportedData;
-
-// Event triggers on Export Object button click.
-document.getElementById('exportDataAsObject').addEventListener('click', ()=> {
- // Export the form field data to an FDF object.
- viewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(value => {
- exportedData = value;
- });
-
- // // Export the form field data to an XFDF object.
- // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Xfdf).then(value =>{
- // exportedData = value;
- // })
-
- // // Export the form field data to an JSON object.
- // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Json).then(value =>{
- // exportedData = value;
- // })
-});
-
-// Event triggers on Import Data button click.
-document.getElementById('importData').addEventListener('click', ()=> {
- // Import the form field data from the FDF object into the current PDF document.
- viewer.importFormFields(exportedData, FormFieldDataFormat.Fdf);
-
- //// Import the form field data from the XFDF object into the current PDF document.
- //viewer.importFormFields (exportedData, FormFieldDataFormat.Xfdf);
-
- //// Import the form field data from the FDF object into the current PDF document.
- //viewer.importFormFields (exportedData, FormFieldDataFormat.Json);
-});
-```
-## Form field properties
-
-Form field properties in Syncfusion PDF Viewer allow you to customize and interact with form fields embedded within PDF documents. This documentation provides an overview of the form field properties supported by the Syncfusion PDF Viewer and explains how to use them effectively.
-
- * Textbox
- * Password
- * CheckBox
- * RadioButton
- * ListBox
- * DropDown
- * SignatureField
- * InitialField
-
-### Signature and initial fields settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the signature field properties on a button click.
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'Initial',
- isReadOnly: true,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'Initial',
- thickness: 4
- });
-});
-
-```
-
-The following code example explains how to update the properties of the signature field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the signature field settings
-viewer.signatureFieldSettings = {
- // Set the name of the form field element.
- name: 'Signature',
- // Specify whether the signature field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the signature field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'Signature',
- // Set the thickness of the Signature field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Specify the properties of the signature Dialog Settings in the signature field.
- signatureDialogSettings: {
- displayMode: DisplayMode.Draw | DisplayMode.Upload | DisplayMode.Text,
- hideSaveSignature: false,
- },
- // Specify the properties of the signature indicator in the signature field.
- signatureIndicatorSettings: {
- opacity: 1,
- backgroundColor: '#237ba2',
- height: 50,
- fontSize: 15,
- text: 'Signature Field',
- color: 'white'
- },
-};
-
-```
-
-
-
-The following code example explains how to update the properties of the initial field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the initial field settings
-viewer.initialFieldSettings = {
- // Set the name of the form field element.
- name: 'Initial',
- // Specify whether the initial field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the initial field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'Initial',
- // Set the thickness of the initial field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Specifies the properties of the initial indicator in the initial field.
- initialIndicatorSettings: {
- opacity: 1,
- backgroundColor: '#237ba2',
- height: 50,
- fontSize: 15,
- text: 'Initial Field',
- color: 'white'
- },
- // Specify the properties of the initial Dialog Settings in the intial field.
- initialDialogSettings: {
- displayMode: DisplayMode.Draw | DisplayMode.Upload | DisplayMode.Text,
- hideSaveSignature: false
- }
-};
-
-```
-
-
-
-### Textbox field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the Textbox field properties on a button click.
-
-```html
-
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'Textbox',
- isReadOnly: true,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'Textbox',
- thickness: 4,
- value:'Textbox',
- fontFamily: 'Courier',
- fontSize: 10,
- fontStyle: 'None',
- color: 'black',
- borderColor: 'black',
- backgroundColor: 'white',
- alignment: 'Left',
- maxLength: 0,
- isMultiline: false,
- bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
- });
-});
-
-
-```
-
-The following code example explains how to update the properties of the Textbox field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the Textbox field settings
-viewer.textFieldSettings = {
- // Set the name of the form field element.
- name: 'Textbox',
- // Specify whether the Textbox field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the Textbox field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'Textbox',
- // Set the thickness of the Textbox field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Set the value of the form field element.
- value:'Textbox',
- // Set the font family of the textbox field.
- fontFamily: 'Courier',
- // Set the font size of the textbox field.
- fontSize: 10,
- // Specify the font style
- fontStyle: 'None',
- // Set the font color of the textbox field.
- color: 'black',
- // Set the border color of the textbox field.
- borderColor: 'black',
- // Set the background color of the textbox field.
- backgroundColor: 'White',
- // Set the alignment of the text.
- alignment: 'Left',
- // Set the maximum character length.
- maxLength: 0,
- // Allows multiline input in the text field. FALSE, by default.
- isMultiline: false
-};
-
-```
-
-
-
-### Password field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the Password field properties on a button click.
-
-```html
-
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'Password',
- isReadOnly: true,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'Password',
- thickness: 4,
- value:'Password',
- fontFamily: 'Courier',
- fontSize: 10,
- fontStyle: 'None',
- color: 'black',
- borderColor: 'black',
- backgroundColor: 'white',
- alignment: 'Left',
- maxLength: 0,
- bounds: { X: 148, Y: 229, Width: 150, Height: 24 }
- });
-});
-
-
-```
-
-The following code example explains how to update the properties of the Password field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the Password field settings
-viewer.passwordFieldSettings = {
- // Set the name of the form field element.
- name: 'Password',
- // Specify whether the Password field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the Password field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'Password',
- // Set the thickness of the Password field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Set the value of the form field element.
- value:'Password',
- // Set the font family of the Password field.
- fontFamily: 'Courier',
- // Set the font size of the Password field.
- fontSize: 10,
- // Specify the font style
- fontStyle: 'None',
- // Set the font color of the Password field.
- color: 'black',
- // Set the border color of the Password field.
- borderColor: 'black',
- // Set the background color of the Password field.
- backgroundColor: 'white',
- // Set the alignment of the text.
- alignment: 'Left',
- // Set the maximum character length.
- maxLength: 0,
-};
-
-```
-
-
-
-### CheckBox field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the CheckBox field properties on a button click.
-
-```html
-
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'CheckBox',
- isReadOnly: true,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'CheckBox',
- thickness: 4,
- isChecked: true,
- backgroundColor: 'white',
- borderColor: 'black',
- value: 'CheckBox',
- });
-});
-
-
-```
-
-The following code example explains how to update the properties of the CheckBox field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the CheckBox field settings
-viewer.checkBoxFieldSettings = {
- // Set the name of the form field element.
- name: 'CheckBox',
- // Specify whether the CheckBox field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the CheckBox field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'CheckBox',
- // Set the thickness of the CheckBox field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Specifies whether the check box is in checked state or not.
- isChecked: true,
- // Set the background color of the check box in hexadecimal string format.
- backgroundColor: 'white',
- // Set the border color of the check box field.
- borderColor: 'black',
- // Set the value of
-};
-
-```
-
-
-
-### RadioButton field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the RadioButton field properties on a button click.
-
-```html
-
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'RadioButton',
- isReadOnly: true,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'RadioButton',
- thickness: 4,
- isSelected: true,
- backgroundColor: 'white',
- borderColor: 'black',
- value: 'RadioButton'
- });
-});
-
-
-```
-
-The following code example explains how to update the properties of the RadioButton field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the RadioButton field settings
-viewer.radioButtonFieldSettings = {
- // Set the name of the form field element.
- name: 'RadioButton',
- // Specify whether the RadioButton field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the RadioButton field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'RadioButton',
- // Set the thickness of the RadioButton field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Specifies whether the radio button is in checked state or not.
- isSelected: true,
- // Set the background color of the radio button in hexadecimal string format.
- backgroundColor: 'white',
- // Set the border color of the radio button field.
- borderColor: 'black',
- // Set the value of the form field element.
- value: 'RadioButton'
-};
-
-```
-
-
-
-### ListBox field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the ListBox field properties on a button click.
-
-```html
-
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'ListBox',
- isReadOnly: false,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'ListBox',
- thickness: 4,
- fontFamily: 'Courier',
- fontSize: 10,
- fontStyle: 'None',
- color: 'black',
- borderColor: 'black',
- backgroundColor: 'white',
- alignment: 'Left',
- options: customOptions,
- });
-});
-
-
-```
-
-The following code example explains how to update the properties of the Listbox field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the Listbox field settings
-viewer.listBoxFieldSettings = {
- var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
- // Set the name of the form field element.
- name: 'ListBox',
- // Specify whether the ListBox field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the ListBox field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'ListBox',
- // Set the thickness of the ListBox field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Set the value of the form field element.
- value:'ListBox',
- // Set the font family of the ListBox field.
- fontFamily: 'Courier',
- // Set the font size of the ListBox field.
- fontSize: 10,
- // Specify the font style
- fontStyle: 'None',
- // Set the font color of the ListBox field.
- color: 'black',
- // Set the border color of the ListBox field.
- borderColor: 'black',
- // Set the background color of the ListBox field.
- backgroundColor: 'White',
- // Set the alignment of the text.
- alignment: 'Left',
- // Set the listbox items.
- options: customOptions
-};
-
-```
-
-
-
-### DropDown field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following code example explains how to update the DropDown field properties on a button click.
-
-```html
-
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
- var formField = viewer.retrieveFormFields();
- var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
- viewer.formDesignerModule.updateFormField(formField[0], {
- name: 'DropDown',
- isReadOnly: false,
- visibility: 'visible',
- isRequired: false,
- isPrint: true,
- tooltip: 'DropDown',
- thickness: 4,
- fontFamily: 'Courier',
- fontSize: 10,
- fontStyle: 'None',
- color: 'black',
- borderColor: 'black',
- backgroundColor: 'white',
- alignment: 'Left',
- options: customOptions,
- });
-});
-
-
-```
-
-The following code example explains how to update the properties of the Dropdown field added to the document from the form designer toolbar.
-
-```ts
-
-// Properties to customize the Dropdown field settings
-viewer.listBoxFieldSettings = {
- var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
- // Set the name of the form field element.
- name: 'DropDown',
- // Specify whether the DropDown field is in read-only or read-write mode.
- isReadOnly: false,
- // Set the visibility of the form field.
- visibility: 'visible',
- // Specify whether the field is mandatory or not.
- isRequired: false,
- // Specify whether to print the DropDown field.
- isPrint: true,
- // Set the text to be displayed as a tooltip.
- tooltip: 'DropDown',
- // Set the thickness of the DropDown field. To hide the borders, set the value to 0 (zero).
- thickness: 4,
- // Set the value of the form field element.
- value:'DropDown',
- // Set the font family of the DropDown field.
- fontFamily: 'Courier',
- // Set the font size of the DropDown field.
- fontSize: 10,
- // Specify the font style
- fontStyle: 'None',
- // Set the font color of the DropDown field.
- color: 'black',
- // Set the border color of the DropDown field.
- borderColor: 'black',
- // Set the background color of the DropDown field.
- backgroundColor: 'White',
- // Set the alignment of the text.
- alignment: 'Left',
- // Set the DropDown items.
- options: customOptions
-};
-
-```
-
-
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/form-designer/create-with-user-interface-interaction.md b/ej2-javascript/pdfviewer/ts/form-designer/create-with-user-interface-interaction.md
deleted file mode 100644
index 09997c4bf..000000000
--- a/ej2-javascript/pdfviewer/ts/form-designer/create-with-user-interface-interaction.md
+++ /dev/null
@@ -1,84 +0,0 @@
----
-layout: post
-title: User interaction in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Create with user interface interaction in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Create with user interface interaction
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Create with user interface interaction
-
-The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are:
-
- * Textbox
- * Password
- * CheckBox
- * RadioButton
- * ListBox
- * DropDown
- * SignatureField
- * InitialField
-
-## Enable or Disable form designer toolbar
-
-We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property.
-
-```ts
-import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
-PdfViewer.Inject(FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.enableFormDesignerToolbar= true;
-
-```
-
-## Add the form field dynamically
-
-Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference.
-
-
-
-## Drag the form field
-
-We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference.
-
-
-
-## Resize the form field
-
-We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference.
-
-
-
-## Edit or Update the form field dynamically
-
-The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field.
-
-
-
-
-
-
-
-## Clipboard operation with form field
-
-The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu.
-
-
-
-## Undo and Redo
-
-We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions.
-
-```ts
-import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
-PdfViewer.Inject(FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.undo();
-pdfviewer.redo();
-
-```
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/form-designer/form-field-events.md b/ej2-javascript/pdfviewer/ts/form-designer/form-field-events.md
deleted file mode 100644
index cc4cce4f5..000000000
--- a/ej2-javascript/pdfviewer/ts/form-designer/form-field-events.md
+++ /dev/null
@@ -1,199 +0,0 @@
----
-layout: post
-title: Form Field Events in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about different form field in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Form Field Events
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# PDF Viewer Form Field events
-
-The PDF Viewer control provides the support to different Form Field events. The Form Field events supported by the PDF Viewer Control are:
-
-| Form Field events | Description |
-|---|---|
-| [formFieldAdd](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs/) | Event trigger when a form field is added.|
-| [formFieldClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs/) | Events trigger when the form field is selected.|
-| [formFieldDoubleClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs/) | Events trigger when the form field is double-clicked.|
-| [formFieldFocusOut](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs/) | Events trigger when focus out from the form fields.|
-| [formFieldMouseLeave](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs/) | Events trigger when the mouse cursor leaves the form field.|
-| [formFieldMouseOver](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs/) | Events trigger when the mouse cursor is over a form field.|
-| [formFieldMove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs/) | Events trigger when a form field is moved.|
-| [formFieldPropertiesChange](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs/) | Events trigger when a property of form field is changed.|
-| [formFieldRemove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs/) | Events trigger when a form field is removed.|
-| [formFieldResize](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs/) | Events trigger when a form field is resized.|
-| [formFieldSelect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs/) | Events trigger when a form field is selected.|
-| [formFieldUnselect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs/) | Events trigger when a form field is unselected.|
-| [validateFormFields](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs/) | Events trigger when validation is failed.|
-
-## formFieldAdd event
-
-The [formFieldAdd](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs/) event is triggered when a new form field is added, either programmatically or through user interaction. The event arguments provide the necessary information about the form field addition.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldaddevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldaddevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldClick event
-
-The [formFieldClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs/) event is triggered when a form field is clicked. The event arguments provide the necessary information about the form field click event.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldclickevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldclickevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldDoubleClick event
-
-The [formFieldDoubleClick](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs/) event is triggered when a form field is double-clicked. The event arguments provide the necessary information about the form field double-click event.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfielddoubleclickevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldFocusOut event
-
-The [formFieldFocusOut](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs/) event is triggered when a form field loses focus. The event arguments provide the necessary information about the form field focus out event.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldfocusoutevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldMouseLeave event
-
-The [formFieldMouseLeave](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs/) event is triggered when the mouse leaves a form field. The event arguments provide the necessary information about the form field mouse leave event.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldmouseleaveevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldMouseOver event
-
-The [formFieldMouseOver](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs/) event is triggered when the mouse hovers over a form field. The event arguments provide the necessary information about the form field mouse over event.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldmouseoverevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldMove event
-
-The [formFieldMove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs/) event is triggered when the mouse moves inside a form field. The event arguments provide the necessary information about the form field mouse move event.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldmoveevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldmoveevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldPropertiesChange event
-
-The [formFieldPropertiesChange](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs/) event is triggered when the properties of a form field are changed. The event arguments provide the necessary information about which property of the form field has been changed.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldpropertieschangeevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldRemove event
-
-The [formFieldRemove](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs/) event is triggered when a form field is removed from the PDF. The event arguments provide the necessary information about which form field has been removed.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldremoveevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldremoveevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldResize event
-
-The [formFieldResize](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs/) events are triggered when a form field in a PDF is resized. These events provide the relevant details about the specific form field that has been resized.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldresizeevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldresizeevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldSelect event
-
-The [formFieldSelect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs/) events are triggered when a form field in a PDF is selected. These events provide the necessary details about the specific form field that has been selected.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldselectevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldselectevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## formFieldUnselect event
-
-The [formFieldUnselect](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs/) events are triggered when a form field in a PDF is unselected. These events provide the necessary details about the specific form field that has been unselected.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldunselectevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldunselectevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-## validateFormFields event
-
-The [validateFormFields](https://helpej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs/) events are triggered when a required form field is left unfilled before downloading the PDF. These events provide the necessary information for validating which form fields are incomplete.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/formfieldvalidationevent-cs2/index.html %}
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/formdesigner/programmatically-work-with-form-field.md b/ej2-javascript/pdfviewer/ts/formdesigner/programmatically-work-with-form-field.md
deleted file mode 100644
index 4545dc0d0..000000000
--- a/ej2-javascript/pdfviewer/ts/formdesigner/programmatically-work-with-form-field.md
+++ /dev/null
@@ -1,116 +0,0 @@
----
-layout: post
-title: Programmatically work with form field in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Programmatically work with form field in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Programmatically work with form field
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Programmatically work with form field in ##Platform_Name## Pdfviewer control
-
-The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are:
-
- * Textbox
- * Password
- * CheckBox
- * RadioButton
- * ListBox
- * DropDown
- * SignatureField
- * InitialField
-
-## Add a form field to PDF document programmatically
-
-Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/addformfield-cs4/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/addformfield-cs4/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/addformfield-cs4" %}
-
-## Edit/Update form field programmatically
-
-Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/updateformfield-cs4/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/updateformfield-cs4/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/updateformfield-cs4" %}
-
-## Delete form field programmatically
-
-Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-{% include code-snippet/pdfviewer/deleteformfield-cs4/index.ts %}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-{% include code-snippet/pdfviewer/deleteformfield-cs4/index.html %}
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/deleteformfield-cs4" %}
-
-## Saving the form fields
-
-When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference.
-
-
-
-You can invoke download action using following code snippet.
-
-```ts
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('PDF_Succinctly.pdf', null);
-pdfviewer.download();
-
-```
-
-## Printing the form fields
-
-When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference.
-
-
-
-You can invoke print action using the following code snippet.,
-
-```ts
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('PDF_Succinctly.pdf', null);
-pdfviewer.print.print();
-
-```
-
-## Open the existing PDF document
-
-We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference.
-
-
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/formdesigner/user-interaction-with-form-fields.md b/ej2-javascript/pdfviewer/ts/formdesigner/user-interaction-with-form-fields.md
deleted file mode 100644
index 4329853ce..000000000
--- a/ej2-javascript/pdfviewer/ts/formdesigner/user-interaction-with-form-fields.md
+++ /dev/null
@@ -1,84 +0,0 @@
----
-layout: post
-title: User interaction with form fields in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about User interaction with form fields in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: User interaction with form fields
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# User interaction with form fields in ##Platform_Name## Pdfviewer control
-
-The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are:
-
- * Textbox
- * Password
- * CheckBox
- * RadioButton
- * ListBox
- * DropDown
- * SignatureField
- * InitialField
-
-## Enable or Disable form designer toolbar
-
-We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property.
-
-```ts
-import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
-PdfViewer.Inject(FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.enableFormDesignerToolbar= true;
-
-```
-
-## Add the form field dynamically
-
-Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference.
-
-
-
-## Drag the form field
-
-We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference.
-
-
-
-## Resize the form field
-
-We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference.
-
-
-
-## Edit or Update the form field dynamically
-
-The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field.
-
-
-
-
-
-
-
-## Clipboard operation with form field
-
-The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu.
-
-
-
-## Undo and Redo
-
-We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions.
-
-```ts
-import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
-PdfViewer.Inject(FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.undo();
-pdfviewer.redo();
-
-```
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/getting-started-with-server-backed.md b/ej2-javascript/pdfviewer/ts/getting-started-with-server-backed.md
deleted file mode 100644
index 81af731c3..000000000
--- a/ej2-javascript/pdfviewer/ts/getting-started-with-server-backed.md
+++ /dev/null
@@ -1,224 +0,0 @@
----
-layout: post
-title: Getting started with ##Platform_Name## PDF Viewer control | Syncfusion
-description: Checkout and learn about Getting started with ##Platform_Name## PDF Viewer control of Syncfusion Essential JS 2 and more details.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Getting started in ##Platform_Name## PDF Viewer control
-
-This section briefly explains how to create **PDF Viewer** component and configure its available functionalities in TypeScript using the Essential JS 2 [quickstart](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-) seed repository.
-
-> This application is integrated with the `webpack.config.js` configuration and uses the latest version of the [webpack-cli](https://webpack.js.org/api/cli/#commands). It requires node `v14.15.0` or higher. For more information about webpack and its features, refer to the [webpack documentation](https://webpack.js.org/guides/getting-started/).
-
-## Set up development environment
-
-Open the command prompt from the required directory, and run the following command to clone the Syncfusion JavaScript (Essential JS 2) quickstart project from [GitHub](https://github.com/SyncfusionExamples/ej2-quickstart-webpack-).
-
-{% tabs %}
-{% highlight bash tabtitle="CMD" %}
-
-git clone https://github.com/SyncfusionExamples/ej2-quickstart-webpack- ej2-quickstart
-
-{% endhighlight %}
-{% endtabs %}
-
-After cloning the application in the `ej2-quickstart` folder, run the following command line to navigate to the `ej2-quickstart` folder.
-
-{% tabs %}
-{% highlight bash tabtitle="CMD" %}
-
-cd ej2-quickstart
-
-{% endhighlight %}
-{% endtabs %}
-
-## Add Syncfusion JavaScript packages
-
-Syncfusion JavaScript (Essential JS 2) packages are available on the [npmjs.com](https://www.npmjs.com/~syncfusionorg) public registry. You can install all Syncfusion JavaScript (Essential JS 2) controls in a single [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package or individual packages for each control.
-
-The quickstart application is preconfigured with the dependent [@syncfusion/ej2](https://www.npmjs.com/package/@syncfusion/ej2) package in the `~/package.json` file. Use the following command to install the dependent npm packages from the command prompt.
-
-{% tabs %}
-{% highlight bash tabtitle="NPM" %}
-
-npm install
-
-{% endhighlight %}
-{% endtabs %}
-
-## Import the Syncfusion CSS styles
-
-Add the components CSS in the `~/src/styles/styles.css` file, as shown below:
-
-{% tabs %}
-{% highlight css tabtitle="style.css" %}
-
-@import '../../node_modules/@syncfusion/ej2-base/styles/material.css';
-@import '../../node_modules/@syncfusion/ej2-buttons/styles/material.css';
-@import '../../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
-@import '../../node_modules/@syncfusion/ej2-inputs/styles/material.css';
-@import '../../node_modules/@syncfusion/ej2-navigations/styles/material.css';
-@import '../../node_modules/@syncfusion/ej2-popups/styles/material.css';
-@import '../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
-@import "../../node_modules/@syncfusion/ej2-pdfviewer/styles/material.css";
-@import "../../node_modules/@syncfusion/ej2-notifications/styles/material.css";
-
-{% endhighlight %}
-{% endtabs %}
-
-## Adding PDF Viewer component
-
-* Add the PDF Viewer component following code in the `app.ts`
-
-{% tabs %}
-{% highlight ts tabtitle="app.ts" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
-
-{% endhighlight %}
-{% endtabs %}
-
-N> From 23.1 version, it is must to call **pdfviewer.dataBind();** before load function. Refer [here](./troubleshooting/document-loading-issues) for more details.
-
-* Add an HTML div element to act as the PDF Viewer element `index.html` using the following code.
-
-{% tabs %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
-
- Loading....
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/getting-started-cs2" %}
-
-## Module injection
-
-To create PDF Viewer with additional features, inject the required modules. The following modules are used to extend PDF Viewer's basic functionality:-
-
-* `LinkAnnotation`:- Inject this module to use PDF Viewer link annotation.
-* `BookmarkView`:- Inject this module to use bookmark view of the PDF Viewer.
-* `Magnification`:- Inject this module to magnify the PDF Document.
-* `Navigation`:- Inject this module to use page navigation on PDF Document.
-* `TextSelection`:- Inject this module to use text selection with the PDF Document.
-* `ThumbnailView`:- Inject this module to use thumbnail view of the PDF Viewer
-* `Toolbar`:- Inject this module to enable the user interface for toolbar option in PDF Viewer.
-* `Print`:- Inject this module to use pdfviewer print feature.
-* `Annotation`:- Inject this module to use pdfviewer annotation feature.
-* `TextSearch`:- Inject this module to use pdfviewer text search feature.
-* `FormFields`:- Inject this module to use pdfviewer form fields feature.
-* `FormDesigner`:- Inject this module to use pdfviewer form designer feature.
-
-These modules should be injected into the PDF Viewer using `PdfViewer.Inject` method.
-
-> You can refer to our [JavaScript PDF Viewer](https://www.syncfusion.com/javascript-ui-controls/js-pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [JavaScript PDF Viewer example](https://ej2.syncfusion.com/demos/#/material/pdfviewer/default.html) to understand how to explains core features of PDF Viewer.
diff --git a/ej2-javascript/pdfviewer/ts/globalization.md b/ej2-javascript/pdfviewer/ts/globalization.md
deleted file mode 100644
index 3e99069b5..000000000
--- a/ej2-javascript/pdfviewer/ts/globalization.md
+++ /dev/null
@@ -1,588 +0,0 @@
----
-layout: post
-title: Globalization in ##Platform_Name## Pdfviewer control | Syncfusion
-description: Learn here all about Globalization in Syncfusion ##Platform_Name## Pdfviewer control of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: Globalization
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Globalization in ##Platform_Name## Pdfviewer control
-
-The text contents provided in the PDF Viewer can be localized using the collection of localized strings for different cultures. By default, the PDF Viewer is localized in “__en-US__”.
-
-The following table shows the default text values used in PDF Viewer in 'en-US' culture:
-
-|Keywords|Values|
-|---|---|
-|PdfViewer|PDF Viewer|
-|Cancel|Cancel|
-|Download file|Download file|
-|Download|Download|
-|Enter Password|This document is password protected. Please enter a password.|
-|File Corrupted|File corrupted|
-|File Corrupted Content|The file is corrupted and cannot be opened.|
-|Fit Page|Fit page|
-|Fit Width|Fit width|
-|Automatic|Automatic|
-|Go To First Page|Show first page|
-|Invalid Password|Incorrect password. Please try again.|
-|Next Page|Show next page|
-|OK|OK|
-|Open|Open file|
-|Page Number|Current page number|
-|Previous Page|Show previous page|
-|Go To Last Page|Show last page|
-|Zoom|Zoom|
-|Zoom In|Zoom in|
-|Zoom Out|Zoom out|
-|Page Thumbnails|Page thumbnails|
-|Bookmarks|Bookmarks|
-|Print|Print file|
-|Password Protected|Password required|
-|Copy|Copy|
-|Text Selection|Text selection tool|
-|Panning|Pan mode|
-|Text Search|Find text|
-|Find in document|Find in document|
-|Match case|Match case|
-|Apply|Apply|
-|GoToPage|Go to page|
-|No Matches|Viewer has finished searching the document. No more matches were found|
-|No Text Found|No Text Found|
-|Undo|Undo|
-|Redo|Redo|
-|Annotation|Add or Edit annotations|
-|Highlight|Highlight Text|
-|Underline|Underline Text|
-|Strikethrough|Strikethrough Text|
-|Delete|Delete annotation|
-|Opacity|Opacity|
-|Color edit|Change Color|
-|Opacity edit|Change Opacity|
-|Highlight context|Highlight|
-|Underline context|Underline|
-|Strikethrough context|Strike through|
-|Server error|Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue.|
-|Open text|Open|
-|First text|First Page|
-|Previous text|Previous Page|
-|Next text|Next Page|
-|Last text|Last Page|
-|Zoom in text|Zoom In|
-|Zoom out text|Zoom Out|
-|Selection text|Selection|
-|Pan text|Pan|
-|Print text|Print|
-|Search text|Search|
-|Annotation Edit text|Edit Annotation|
-|Line Thickness|Line Thickness|
-|Line Properties|Line Properties|
-|Start Arrow|Start Arrow |
-|End Arrow|End Arrow|
-|Line Style|Line Style|
-|Fill Color|Fill Color|
-|Line Color|Line Color|
-|None|None|
-|Open Arrow|Open Arrow|
-|Closed Arrow|Closed Arrow|
-|Round Arrow|Round Arrow|
-|Square Arrow|Square Arrow|
-|Diamond Arrow|Diamond Arrow|
-|Cut|Cut|
-|Paste|Paste|
-|Delete Context|Delete Context|
-|Properties|Properties|
-|Add Stamp|Add Stamp|
-|Add Shapes|Add Shapes|
-|Stroke edit|Stroke Edit|
-|Change thickness|Change Thickness|
-|Add line|Add Line|
-|Add arrow|Add Arrow|
-|Add rectangle|Add Rectangle|
-|Add circle|Add Circle|
-|Add polygon|Add Polygon|
-|Add Comments|Add Comments|
-|Comments| Comments|
-|No Comments Yet|No Comments Yet|
-|Accepted| Accepted|
-|Completed| Completed|
-|Cancelled| Cancelled|
-|Rejected| Rejected|
-|Leader Length|Leader Length|
-|Scale Ratio|Scale Ratio|
-|Calibrate| Calibrate|
-|Calibrate Distance|Calibrate Distance|
-|Calibrate Perimeter|Calibrate Perimeter|
-|Calibrate Area|Calibrate Area|
-|Calibrate Radius|Calibrate Radius|
-|Calibrate Volume|Calibrate Volume|
-|Depth|Depth|
-|Closed|Closed|
-|Round|Round|
-|Square|Square|
-|Diamond|Diamond|
-|Edit|Edit|
-|Comment|Comment|
-|Comment Panel|Comment Panel|
-|Set Status|Set Status|
-|Post|Post|
-|Page|Page|
-|Add a comment|Add a comment|
-|Add a reply|Add a reply|
-|Import Annotations|Import Annotations|
-|Export Annotations|Export Annotations|
-|Add|Add|
-|Clear|Clear|
-|Bold|Bold|
-|Italic|Italic|
-|Strikethroughs|Strikethroughs|
-|Underlines|Underlines|
-|Superscript|Superscript|
-|Subscript|Subscript|
-|Align left|Align Left|
-|Align right|Align Right|
-|Center|Center|
-|Justify|Justify|
-|Font color|Font Color|
-|Text Align|Text Align|
-|Text Properties|Text Properties|
-|Draw Signature|Draw Signature|
-|Create| Create|
-|Font family|Font Family|
-|Font size|Font Size|
-|Free Text|Free Text|
-|Import Failed|Import Failed|
-|File not found|File Not Found|
-|Export Failed|Export Failed|
-|Dynamic|Dynamic|
-|Standard Business|Standard Business|
-|Sign Here|Sign Here|
-|Custom Stamp|Custom Stamp|
-|InitialFieldDialogHeaderText|Initial Field Dialog Header Text|
-|HandwrittenInitialDialogHeaderText|Handwritten Initial Dialog Header Text|
-|SignatureFieldDialogHeaderText|Signature Field Dialog Header Text|
-|HandwrittenSignatureDialogHeaderText|Handwritten Signature Dialog Header Text|
-|Draw-hand Signature|Draw-hand Signature|
-|Type Signature|Type Signature|
-|Upload Signature|Upload Signature|
-|Browse Signature Image|Browse Signature Image|
-|Save Signature|Save Signature|
-|Save Initial|Save Initial|
-|highlight|highlight|
-|underline|underline|
-|strikethrough|strikethrough|
-|FormDesigner|Form Designer|
-|SubmitForm|Submit Form|
-|Search text|Search Text|
-|Draw Ink|Draw Ink|
-|Revised|Revised|
-|Reviewed|Reviewed|
-|Received|Received|
-|Confidential|Confidential|
-|Approved|Approved|
-|Not Approved|Not Approved|
-|Witness|Witness|
-|Initial Here|Initial Here|
-|Draft|Draft|
-|Final|Final|
-|For Public Release|For Public Release|
-|Not For Public Release|Not For Public Release|
-|For Comment|For Comment|
-|Void|Void|
-|Preliminary Results|Preliminary Results|
-|Information Only|Information Only|
-|Enter Signature as Name|Enter Signature as Name|
-|Textbox|Textbox|
-|Password|Password|
-|Check Box|Check Box|
-|Radio Button|Radio Button|
-|Dropdown|Dropdown|
-|List Box|List Box|
-|Signature|Signature|
-|Delete FormField|Delete FormField|
-|FormDesigner Edit text|Form Designer Edit Text|
-|in|in|
-|m|m|
-|ft_in|ft_in|
-|ft|ft|
-|p|p|
-|cm|cm|
-|mm|mm|
-|pt|pt|
-|cu|cu|
-|sq|sq|
-|General|General|
-|Appearance|Appearance|
-|Options|Options|
-|Textbox Properties|Textbox Properties|
-|Name|Name|
-|Tooltip|Tooltip|
-|Value|Value|
-|Form Field Visibility|Form Field Visibility|
-|Read Only|Read Only|
-|Required|Required|
-|Checked|Checked|
-|Show Printing|Show Printing|
-|Formatting|Formatting|
-|Fill|Fill|
-|Border|Border|
-|Border Color|Border Color|
-|Thickness|Thickness|
-|Max Length|Max Length|
-|List Item|List Item|
-|Export Value|Export Value|
-|Dropdown Item List|Dropdown Item List|
-|List Box Item List|List Box Item List|
-|Delete Item|Delete Item|
-|Up|Up|
-|Down|Down|
-|Multiline|Multiline|
-|Initial|Initial|
-|Export XFDF|Export XFDF|
-|Import XFDF|Import XFDF|
-|Organize Pages|Organize Pages|
-|Insert Right|Insert Right|
-|Insert Left|Insert Left|
-|Total|Total|
-|Pages|Pages|
-|Rotate Right|Rotate Right|
-|Rotate Left|Rotate Left|
-|Delete Page|Delete Page|
-|Delete Pages|Delete Pages|
-|Copy Page|Copy Page|
-|Copy Pages|Copy Pages|
-|Save|Save|
-|Save As|Save As|
-|Select All|Select All|
-|Import Document|Import Document|
-|Match any word|Match any word|
-|Client error|Client-side error is found. Please check the custom headers provided in the AjaxRequestSettings property and web action methods in the ServerActionSettings property|
-|Cors policy error|Unable to retrieve the document due to an invalid URL or access restrictions. Please check the document URL and try again|
-|No More Matches|Viewer has finished searching the document. No more matches were found|
-|No Search Matches|No matches found|
-|No More Search Matches|No more matches found|
-|Exact Matches|EXACT MATCHES|
-|Total Matches|TOTAL MATCHES|
-
-The different locale value for the PDF Viewer can be specified using the locale property.
-
-```html
-
-
-
-
- Loading....
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/toolbar/toolbar-hide-cs1" %}
-
-* **Show/Hide toolbar using showToolbar as in the following code snippet**
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.toolbar.showToolbar(false);
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below [serviceUrl](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#serviceurl) in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/toolbar/toolbar-method-cs1" %}
-
-## Show/Hide the default toolbaritem
-
-The PDF Viewer has an option to show or hide these grouped items in the default toolbar.
-
-* **Show/Hide toolbaritem using toolbarSettings as in the following code snippet.**
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,
- ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib",
- toolbarSettings: { showTooltip : true, toolbarItems: ['OpenOption']}
-});
-pdfviewer.appendTo('#PdfViewer');
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/toolbar/toolbar-items-cs1" %}
-
-* **Show/Hide toolbaritem using showToolbaritem as in the following code snippet**
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
- BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner );
-
-let pdfviewer: PdfViewer = new PdfViewer({
- documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
- resourceUrl:"https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-document.getElementById('set').addEventListener('click', ()=> {
- pdfviewer.toolbar.showToolbarItem(["OpenOption"],false);
-});
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-
-
-
-
- Loading....
-
-
-
-
-
-
-{% endhighlight %}
-{% endtabs %}
-
-N> To set up the **server-backed PDF Viewer**,
-Add the below `serviceUrl` in the `index.ts` file
-`pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';`
-
-{% previewsample "page.domainurl/code-snippet/pdfviewer/toolbar/toolbar-items-method-cs1" %}
-
-## Customize Built-In Toolbar
-
-PDF Viewer allows you to customize(add, show, hide, enable, and disable) existing items in a toolbar.
-
-* Add - New items can defined by [**CustomToolbarItemModel**](https://ej2.syncfusion.com/documentation/api/pdfviewer/customToolbarItemModel/) and with existing items in [**ToolbarSettings**](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings/) property. Newly added item click action can be defined in [`toolbarclick`](https://ej2.syncfusion.com/documentation/api/toolbar/clickEventArgs/).
-
-* Show, Hide - Existing items can be shown or hidden using the [`ToolbarSettings`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarSettings/) property. Pre-defined toolbar items are available with [`ToolbarItem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbarItem/).
-
-* Enable, Disable - Toolbar items can be enabled or disable using [`enabletoolbaritem`](https://ej2.syncfusion.com/documentation/api/pdfviewer/toolbar/#enabletoolbaritem)
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner,Print,CustomToolbarItemModel} from '@syncfusion/ej2-pdfviewer';
-import { ComboBox } from "@syncfusion/ej2-dropdowns";
-import { TextBox } from "@syncfusion/ej2-inputs";
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner,Print);
-let toolItem1: CustomToolbarItemModel = {
- prefixIcon: 'e-icons e-paste',
- id: 'print',
- tooltipText: 'Custom toolbar item',
-};
-let toolItem2: CustomToolbarItemModel = {
- id: 'download',
- text: 'Save',
- tooltipText: 'Custom toolbar item',
- align: 'right'
-};
-let LanguageList: string[] = ['Typescript', 'Javascript', 'Angular', 'C#', 'C', 'Python'];
-let toolItem3: CustomToolbarItemModel = {
- type: 'Input',
- tooltipText: 'Language List',
- cssClass: 'percentage',
- align: 'Left',
- id: 'dropdown',
- template: new ComboBox({ width: 100, value: 'TypeScript', dataSource: LanguageList, popupWidth: 85, showClearButton: false, readonly: false })
-};
-let toolItem4: CustomToolbarItemModel = {
- type: 'Input',
- tooltipText: 'Text',
- align: 'Right',
- cssClass: 'find',
- id: 'textbox',
- template: new TextBox({ width: 125, placeholder: 'Type Here', created: OnCreateSearch })
-}
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib";
-pdfviewer.toolbarSettings = { toolbarItems: [toolItem1, toolItem2, 'OpenOption', 'PageNavigationTool', 'MagnificationTool', toolItem3, 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption', 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', toolItem4, 'CommentTool', 'SubmitForm']}
-pdfviewer.appendTo('#PdfViewer');
-//To handle custom toolbar click event.
-pdfviewer.toolbarClick = function (args) {
- if (args.item && args.item.id === 'print') {
- pdfviewer.print.print();
- }
- else if (args.item && args.item.id === 'download') {
- pdfviewer.download();
- }
-};
-function OnCreateSearch(this: any): any {
- this.addIcon('prepend', 'e-icons e-search');
-}
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner,Print,CustomToolbarItemModel} from '@syncfusion/ej2-pdfviewer';
-import { ComboBox } from "@syncfusion/ej2-dropdowns";
-import { TextBox } from "@syncfusion/ej2-inputs";
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner,Print);
-let toolItem1: CustomToolbarItemModel = {
- prefixIcon: 'e-icons e-paste',
- id: 'print',
- tooltipText: 'Custom toolbar item',
-};
-let toolItem2: CustomToolbarItemModel = {
- id: 'download',
- text: 'Save',
- tooltipText: 'Custom toolbar item',
- align: 'right'
-};
-let LanguageList: string[] = ['Typescript', 'Javascript', 'Angular', 'C#', 'C', 'Python'];
-let toolItem3: CustomToolbarItemModel = {
- type: 'Input',
- tooltipText: 'Language List',
- cssClass: 'percentage',
- align: 'Left',
- id: 'dropdown',
- template: new ComboBox({ width: 100, value: 'TypeScript', dataSource: LanguageList, popupWidth: 85, showClearButton: false, readonly: false })
-};
-let toolItem4: CustomToolbarItemModel = {
- type: 'Input',
- tooltipText: 'Text',
- align: 'Right',
- cssClass: 'find',
- id: 'textbox',
- template: new TextBox({ width: 125, placeholder: 'Type Here', created: OnCreateSearch })
-}
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.toolbarSettings = { toolbarItems: [toolItem1, toolItem2, 'OpenOption', 'PageNavigationTool', 'MagnificationTool', toolItem3, 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption', 'UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', toolItem4, 'CommentTool', 'SubmitForm']}
-pdfviewer.appendTo('#PdfViewer');
-//To handle custom toolbar click event.
-pdfviewer.toolbarClick = function (args) {
- if (args.item && args.item.id === 'print') {
- pdfviewer.print.print();
- }
- else if (args.item && args.item.id === 'download') {
- pdfviewer.download();
- }
-};
-function OnCreateSearch(this: any): any {
- this.addIcon('prepend', 'e-icons e-search');
-}
-{% endhighlight %}
-{% endtabs %}
-
-N> Default value of toolbar items is ['OpenOption', 'PageNavigationTool','MagnificationTool', 'PanTool', 'SelectionTool', 'SearchOption', 'PrintOption', 'DownloadOption','UndoRedoTool', 'AnnotationEditTool', 'FormDesignerEditTool', 'CommentTool', 'SubmitForm']
-
-### Align Property
-
-The align property is used to specify the alignment of a toolbar item within the toolbar.
-
-`Left`: Aligns the item to the left side of the toolbar.
-`Right`: Aligns the item to the right side of the toolbar.
-
-### Tooltip Property
-
-The tooltip property is used to set the tooltip text for a toolbar item. Tooltip provides additional information when a user hovers over the item.
-
-### CssClass Property
-
-The cssClass property is used to apply custom CSS classes to a toolbar item. It allows custom styling of the toolbar item.
-
-### Prefix Property
-
-The prefix property is used to set the CSS class or icon that should be added as a prefix to the existing content of the toolbar item.
-
-### ID Property
-
-The id property within a CustomToolbarItemModel is a compulsory attribute that plays a vital role in toolbar customization. It serves as a unique identifier for each toolbar item, facilitating distinct references and interactions.
-
-When defining or customizing toolbar items, it is mandatory to assign a specific and descriptive id to each item.
-These properties are commonly used when defining custom toolbar items with the `CustomToolbarItemModel`` in the context of Syncfusion PDF Viewer. When configuring the toolbar using the `ToolbarSettings`` property, you can include these properties to customize the appearance and behavior of each toolbar item.
-
-N> When customizing toolbar items, you have the flexibility to include either icons or text based on your design preference.
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master/How%20to/customize%20existing%20toolbar)
-
-## Custom Toolbar
-
-The PDF Viewer provides API for user interactions options provided in it's built-in toolbar. Using this we can create our own User Interface for toolbar actions in application level by hiding the default toolbar. The following steps are used to create the custom toolbar for PDF Viewer,
-
-**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/documentation/pdfviewer/getting-started) to create simple PDF Viewer sample.
-
-**Step 2:** Now, add an HTML div element to act as the custom toolbar PDF Viewer using the following code.
-
-```html
-
-
-
-
-
-
-
-
-
-```
-
-**Step 3:** Import and inject the modules used for the custom toolbar,
-
-```ts
-import {
- PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print,
- IPageChangeEventArgs, ILoadEventArgs, TextSearch, TextSelection
-} from '@syncfusion/ej2-pdfviewer';
-import { Toolbar as Tool, TreeView, NodeSelectEventArgs } from '@syncfusion/ej2-navigations';
-import { ClickEventArgs, Button, CheckBox, ChangeEventArgs } from '@syncfusion/ej2-buttons';
-import { Dialog } from '@syncfusion/ej2-popups';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSearch, TextSelection);
-
-```
-
-**Step 4:** Hide the default toolbar of PDF Viewer using below code snippet,
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-```ts
-
- PdfViewer viewer = new PdfViewer({
- enableToolbar: false,
- enableThumbnail: false,
- documentPath: 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf'
- });
- viewer.appendTo('#pdfViewer');
-
-```
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-```ts
-
- PdfViewer viewer = new PdfViewer({
- enableToolbar: false,
- enableThumbnail: false,
- documentPath: 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
- viewer.appendTo('#pdfViewer');
-
-```
-{% endhighlight %}
-{% endtabs %}
-
-**Step 5:** Add EJ2 Toolbar for perform primary actions like Open, Previous page, Next page, Go to page,Print and Download using the following code snippet,
-
-```ts
- Tool toolbarObj = new Tool({
- items: [
- { prefixIcon: 'e-pv-open-document', tooltipText: 'Open', id: 'openButton', click: openDocument.bind(this) },
- { prefixIcon: 'e-pv-bookmark-icon', tooltipText: 'Bookmark', id: 'bookmarkButton', click: bookmarkClicked },
- // tslint:disable-next-line:max-line-length
- { prefixIcon: 'e-pv-previous-page-navigation-icon', id: 'previousPage', tooltipText: 'Previous Page', align: 'Center', click: previousClicked.bind(this) },
- // tslint:disable-next-line:max-line-length
- { prefixIcon: 'e-pv-next-page-navigation-icon', id: 'nextPage', tooltipText: 'Next Page', align: 'Center', click: nextClicked.bind(this) },
- { template: inputTemplate, tooltipText: 'Page Number', align: 'Center' },
- { template: ele, tooltipText: 'Page Number', align: 'Center' },
- { prefixIcon: 'e-pv-search-icon', tooltipText: 'Text Search', align: 'Right', click: searchClicked.bind(this) },
- { prefixIcon: 'e-pv-print-document-icon', tooltipText: 'Print', align: 'Right', click: printClicked.bind(this) },
- { prefixIcon: 'e-pv-download-document-icon', tooltipText: 'Download', align: 'Right', click: downloadClicked.bind(this) }
- ]
- });
- toolbarObj.appendTo('#topToolbar');
-
-```
-
-**Step 6:** Add EJ2 Toolbar for perform magnification actions in PDF Viewer using following code snippet,
-
-```ts
-
- let magnificationToolbar: Tool = new Tool({
- items: [
- { prefixIcon: 'e-pv-fit-page-icon', id: 'fitPage', tooltipText: 'Fit to page', click: pageFitClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-in-icon', id: 'zoomIn', tooltipText: 'Zoom in', click: zoomInClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-out-icon', id: 'zoomOut', tooltipText: 'Zoom out', click: zoomOutClicked.bind(this) },
- ]
- });
- magnificationToolbar.appendTo('#magnificationToolbar');
-
-```
-
-**Step 7:** Add the following style to achieve the custom toolbar styling,
-
-```
-
-```
-
->The icons are embedded in the font file used in above code snippet.
-
-**Step 8:** Add the following scripts for performing user interaction in PDF Viewer in code behind
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-```ts
-
-import {
- PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print,
- IPageChangeEventArgs, ILoadEventArgs, TextSearch, TextSelection
-} from '@syncfusion/ej2-pdfviewer';
-import { Toolbar as Tool, TreeView, NodeSelectEventArgs } from '@syncfusion/ej2-navigations';
-import { ClickEventArgs, Button, CheckBox, ChangeEventArgs } from '@syncfusion/ej2-buttons';
-import { Dialog } from '@syncfusion/ej2-popups';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSearch, TextSelection);
-
-/**
- * Default PdfViewer sample
- */
-
-let inputTemplate: string = '';
-let ele: string = '
-
-
-
-
-
-
-
-
-
-
- of 0
';
-let isBookmarkOpen: boolean = false;
-let isBookmarkClick: boolean = false;
-let isTextSearchBoxOpen: boolean = false;
-let bookmarkPopup: Dialog;
-let textSearchPopup: Dialog;
-let toolbarObj: Tool;
-let viewer: PdfViewer;
-let currentPageBox: HTMLElement;
-let searchInput: HTMLElement;
-let searchButton: HTMLElement;
-let matchCase: boolean = false;
-
-function previousClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.navigation.goToPreviousPage();
-}
-
-function hidePopups(): void {
- isBookmarkOpen = false;
- isTextSearchBoxOpen = false;
- bookmarkPopup.hide();
- textSearchPopup.hide();
-}
-
-function bookmarkClicked(): void {
- textSearchPopup.hide();
- if (!isBookmarkOpen) {
- let bookmarkDetails: any = viewer.bookmark.getBookmarks();
- if (bookmarkDetails.bookmarks) {
- let bookmarks: any = bookmarkDetails.bookmarks.bookMark;
- let treeObj: TreeView = new TreeView({
- fields:
- {
- dataSource: bookmarks,
- id: 'Id',
- parentID: 'Pid',
- text: 'Title',
- hasChildren: 'HasChild',
- }, nodeSelected: nodeClick
- });
- treeObj.appendTo('#bookmarkview');
- bookmarkPopup.show();
- isBookmarkOpen = true;
- isBookmarkClick = true;
- } else {
- toolbarObj.enableItems(document.getElementById('bookmarkButton'), false);
- isBookmarkOpen = false;
- }
- } else {
- if (!isBookmarkClick) {
- bookmarkPopup.show();
- isBookmarkClick = true;
- } else {
- bookmarkPopup.hide();
- isBookmarkClick = false;
- }
- }
-}
-
-function nextClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.navigation.goToNextPage();
-}
-
-function searchClicked(args: ClickEventArgs): void {
- bookmarkPopup.hide();
- if (!isTextSearchBoxOpen) {
- textSearchPopup.show();
- } else {
- viewer.textSearch.cancelTextSearch();
- textSearchPopup.hide();
- }
- isTextSearchBoxOpen = !isTextSearchBoxOpen;
-}
-
-function printClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.print.print();
-}
-
-function downloadClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.download();
-}
-
-function pageFitClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.magnification.fitToPage();
- updateZoomButtons();
- toolbarObj.enableItems(document.getElementById('fitPage'), false);
-}
-
-function zoomInClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.magnification.zoomIn();
- updateZoomButtons();
-}
-
-function zoomOutClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.magnification.zoomOut();
- updateZoomButtons();
-}
-
-function onCurrentPageBoxKeypress(event: KeyboardEvent): boolean {
- if ((event.which < 48 || event.which > 57) && event.which !== 8 && event.which !== 13) {
- event.preventDefault();
- return false;
- } else {
- // tslint:disable-next-line:radix
- let currentPageNumber: number = parseInt((currentPageBox as HTMLInputElement).value);
- if (event.which === 13) {
- if (currentPageNumber > 0 && currentPageNumber <= viewer.pageCount) {
- viewer.navigation.goToPage(currentPageNumber);
- } else {
- (currentPageBox as HTMLInputElement).value = viewer.currentPageNumber.toString();
- }
- }
- return true;
- }
-}
-
-function onCurrentPageBoxClicked(): void {
- (currentPageBox as HTMLInputElement).select();
- (currentPageBox).focus();
-}
-
-function readFile(args: any): void {
- // tslint:disable-next-line
- let upoadedFiles: any = args.target.files;
- if (args.target.files[0] !== null) {
- let uploadedFile: File = upoadedFiles[0];
- if (uploadedFile) {
- let reader: FileReader = new FileReader();
- let filename: string = upoadedFiles[0].name;
- reader.readAsDataURL(uploadedFile);
- // tslint:disable-next-line
- reader.onload = (e: any): void => {
- let uploadedFileUrl: string = e.currentTarget.result;
- viewer.load(uploadedFileUrl, null);
- viewer.fileName = filename;
- (currentPageBox as HTMLInputElement).value = '1';
- document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
- document.getElementById('bookmarkview').innerHTML = '';
- isBookmarkOpen = false;
- };
- }
- }
-}
-
-function openDocument(e: ClickEventArgs): void {
- document.getElementById('fileUpload').click();
-}
-
-function updatePageNavigation(): void {
- if (viewer.currentPageNumber === 1) {
- toolbarObj.enableItems(document.getElementById('previousPage'), false);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- } else if (viewer.currentPageNumber === viewer.pageCount) {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), false);
- } else {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- }
-}
-
-function updateZoomButtons(): void {
- if (viewer.zoomPercentage <= 50) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), false);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- } else if (viewer.zoomPercentage >= 400) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), false);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- } else {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
-}
-
-function nodeClick(args: NodeSelectEventArgs): boolean {
- let bookmarksDetails: any = viewer.bookmark.getBookmarks();
- let bookmarksDestination: any = bookmarksDetails.bookmarksDestination;
- let bookid: number = Number(args.nodeData.id);
- let pageIndex: number = bookmarksDestination.bookMarkDestination[bookid].PageIndex;
- let Y: number = bookmarksDestination.bookMarkDestination[bookid].Y;
- viewer.bookmark.goToBookmark(pageIndex, Y);
- return false;
-}
-
-function searchInputKeypressed(event: KeyboardEvent): void {
- enablePrevButton(true);
- enableNextButton(true);
- if (event.which === 13) {
- initiateTextSearch();
- updateSearchInputIcon(false);
- }
-}
-
-function searchClickHandler(): void {
- if (searchButton.classList.contains('e-pv-search-icon')) {
- viewer.textSearch.cancelTextSearch();
- initiateTextSearch();
- } else if (searchButton.classList.contains('e-pv-search-close')) {
- (searchInput as HTMLInputElement).value = '';
- searchInput.focus();
- viewer.textSearch.cancelTextSearch();
- }
-}
-
-function initiateTextSearch(): void {
- let searchString: string = (searchInput as HTMLInputElement).value;
- viewer.textSearch.searchText(searchString, matchCase);
-}
-
-function previousSearchClicked(): void {
- let searchString: string = (searchInput as HTMLInputElement).value;
- if (searchString) {
- viewer.textSearch.searchPrevious();
- }
-}
-
-function nextSearchClicked(): void {
- let searchString: string = (searchInput as HTMLInputElement).value;
- if (searchString) {
- viewer.textSearch.searchNext();
- }
-}
-
-function checkBoxChanged(args: ChangeEventArgs): void {
- if (args.checked) {
- matchCase = true;
- } else {
- matchCase = false;
- }
- initiateTextSearch();
-}
-
-function enablePrevButton(isEnable: boolean): void {
- let previousSearchButton: HTMLElement = document.getElementById('previousSearch');
- if (isEnable) {
- previousSearchButton.removeAttribute('disabled');
- } else {
- (previousSearchButton as HTMLButtonElement).disabled = true;
- }
-}
-
-function enableNextButton(isEnable: boolean): void {
- let nextSearchButton: HTMLElement = document.getElementById('nextSearch');
- if (isEnable) {
- nextSearchButton.removeAttribute('disabled');
- } else {
- (nextSearchButton as HTMLButtonElement).disabled = true;
- }
-}
-
-function updateSearchInputIcon(isEnable: boolean): void {
- if (isEnable) {
- searchButton.classList.remove('e-pv-search-close');
- searchButton.classList.add('e-pv-search-icon');
- } else {
- searchButton.classList.remove('e-pv-search-icon');
- searchButton.classList.add('e-pv-search-close');
- }
-}
-
-
- toolbarObj = new Tool({
- items: [
- { prefixIcon: 'e-pv-open-document', tooltipText: 'Open', id: 'openButton', click: openDocument.bind(this) },
- { prefixIcon: 'e-pv-bookmark-icon', tooltipText: 'Bookmark', id: 'bookmarkButton', click: bookmarkClicked },
- // tslint:disable-next-line:max-line-length
- { prefixIcon: 'e-pv-previous-page-navigation-icon', id: 'previousPage', tooltipText: 'Previous Page', align: 'Center', click: previousClicked.bind(this) },
- // tslint:disable-next-line:max-line-length
- { prefixIcon: 'e-pv-next-page-navigation-icon', id: 'nextPage', tooltipText: 'Next Page', align: 'Center', click: nextClicked.bind(this) },
- { template: inputTemplate, tooltipText: 'Page Number', align: 'Center' },
- { template: ele, tooltipText: 'Page Number', align: 'Center' },
- { prefixIcon: 'e-pv-search-icon', tooltipText: 'Text Search', align: 'Right', click: searchClicked.bind(this) },
- { prefixIcon: 'e-pv-print-document-icon', tooltipText: 'Print', align: 'Right', click: printClicked.bind(this) },
- { prefixIcon: 'e-pv-download-document-icon', tooltipText: 'Download', align: 'Right', click: downloadClicked.bind(this) }
- ]
- });
- toolbarObj.appendTo('#topToolbar');
- let magnificationToolbar: Tool = new Tool({
- items: [
- { prefixIcon: 'e-pv-fit-page-icon', id: 'fitPage', tooltipText: 'Fit to page', click: pageFitClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-in-icon', id: 'zoomIn', tooltipText: 'Zoom in', click: zoomInClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-out-icon', id: 'zoomOut', tooltipText: 'Zoom out', click: zoomOutClicked.bind(this) },
- ]
- });
- magnificationToolbar.appendTo('#magnificationToolbar');
- viewer = new PdfViewer({
- enableToolbar: false,
- enableThumbnail: false,
- documentPath: 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf'
- });
- viewer.appendTo('#pdfViewer');
- document.getElementById('fileUpload').addEventListener('change', readFile, false);
- currentPageBox = document.getElementById('currentPage');
- (currentPageBox as HTMLInputElement).value = '1';
- searchInput = document.getElementById('searchInput');
- bookmarkPopup = new Dialog({
- showCloseIcon: true, header: 'Bookmarks', closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- content: '',
- buttons: [{
- buttonModel: {},
- }], position: { X: 'left', Y: 'top' }, cssClass: 'e-bookmark-popup', beforeClose: (): void => {
- isBookmarkOpen = false;
- }
- });
- bookmarkPopup.appendTo('#popup');
-
- textSearchPopup = new Dialog({
- showCloseIcon: false, closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- buttons: [{
- buttonModel: {},
- }], position: { X: 'right', Y: 'top' }, cssClass: 'e-text-search-popup',
- });
- textSearchPopup.appendTo('#textSearchBox');
-
- let previousSearch: Button = new Button({ iconCss: 'e-pv-previous-search' });
- previousSearch.appendTo('#previousSearch');
-
- let nextSearch: Button = new Button({ iconCss: 'e-pv-next-search-btn' });
- nextSearch.appendTo('#nextSearch');
-
- let matchCaseCheck: CheckBox = new CheckBox({ label: 'Match case', change: checkBoxChanged });
- matchCaseCheck.appendTo('#matchCase');
-
- viewer.pageChange = (args: IPageChangeEventArgs): void => {
- (currentPageBox as HTMLInputElement).value = viewer.currentPageNumber.toString();
- updatePageNavigation();
- };
-
- viewer.documentLoad = (args: ILoadEventArgs): void => {
- document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
- updatePageNavigation();
- };
- searchButton = document.getElementById('searchBtn');
- searchInput.addEventListener('focus', () => { searchInput.parentElement.classList.add('e-input-focus'); });
- searchInput.addEventListener('blur', () => { searchInput.parentElement.classList.remove('e-input-focus'); });
- searchInput.addEventListener('keypress', searchInputKeypressed);
- document.getElementById('previousSearch').addEventListener('click', previousSearchClicked);
- document.getElementById('nextSearch').addEventListener('click', nextSearchClicked);
- currentPageBox.addEventListener('keypress', onCurrentPageBoxKeypress);
- currentPageBox.addEventListener('click', onCurrentPageBoxClicked);
- searchButton.addEventListener('click', searchClickHandler);
- bookmarkPopup.hide();
- textSearchPopup.hide();
- enableNextButton(false);
- enablePrevButton(false);
-
-```
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-```ts
-
-import {
- PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print,
- IPageChangeEventArgs, ILoadEventArgs, TextSearch, TextSelection
-} from '@syncfusion/ej2-pdfviewer';
-import { Toolbar as Tool, TreeView, NodeSelectEventArgs } from '@syncfusion/ej2-navigations';
-import { ClickEventArgs, Button, CheckBox, ChangeEventArgs } from '@syncfusion/ej2-buttons';
-import { Dialog } from '@syncfusion/ej2-popups';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSearch, TextSelection);
-
-/**
- * Default PdfViewer sample
- */
-
-let inputTemplate: string = '';
-let ele: string = 'of 0
';
-let isBookmarkOpen: boolean = false;
-let isBookmarkClick: boolean = false;
-let isTextSearchBoxOpen: boolean = false;
-let bookmarkPopup: Dialog;
-let textSearchPopup: Dialog;
-let toolbarObj: Tool;
-let viewer: PdfViewer;
-let currentPageBox: HTMLElement;
-let searchInput: HTMLElement;
-let searchButton: HTMLElement;
-let matchCase: boolean = false;
-
-function previousClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.navigation.goToPreviousPage();
-}
-
-function hidePopups(): void {
- isBookmarkOpen = false;
- isTextSearchBoxOpen = false;
- bookmarkPopup.hide();
- textSearchPopup.hide();
-}
-
-function bookmarkClicked(): void {
- textSearchPopup.hide();
- if (!isBookmarkOpen) {
- let bookmarkDetails: any = viewer.bookmark.getBookmarks();
- if (bookmarkDetails.bookmarks) {
- let bookmarks: any = bookmarkDetails.bookmarks.bookMark;
- let treeObj: TreeView = new TreeView({
- fields:
- {
- dataSource: bookmarks,
- id: 'Id',
- parentID: 'Pid',
- text: 'Title',
- hasChildren: 'HasChild',
- }, nodeSelected: nodeClick
- });
- treeObj.appendTo('#bookmarkview');
- bookmarkPopup.show();
- isBookmarkOpen = true;
- isBookmarkClick = true;
- } else {
- toolbarObj.enableItems(document.getElementById('bookmarkButton'), false);
- isBookmarkOpen = false;
- }
- } else {
- if (!isBookmarkClick) {
- bookmarkPopup.show();
- isBookmarkClick = true;
- } else {
- bookmarkPopup.hide();
- isBookmarkClick = false;
- }
- }
-}
-
-function nextClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.navigation.goToNextPage();
-}
-
-function searchClicked(args: ClickEventArgs): void {
- bookmarkPopup.hide();
- if (!isTextSearchBoxOpen) {
- textSearchPopup.show();
- } else {
- viewer.textSearch.cancelTextSearch();
- textSearchPopup.hide();
- }
- isTextSearchBoxOpen = !isTextSearchBoxOpen;
-}
-
-function printClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.print.print();
-}
-
-function downloadClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.download();
-}
-
-function pageFitClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.magnification.fitToPage();
- updateZoomButtons();
- toolbarObj.enableItems(document.getElementById('fitPage'), false);
-}
-
-function zoomInClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.magnification.zoomIn();
- updateZoomButtons();
-}
-
-function zoomOutClicked(args: ClickEventArgs): void {
- hidePopups();
- viewer.magnification.zoomOut();
- updateZoomButtons();
-}
-
-function onCurrentPageBoxKeypress(event: KeyboardEvent): boolean {
- if ((event.which < 48 || event.which > 57) && event.which !== 8 && event.which !== 13) {
- event.preventDefault();
- return false;
- } else {
- // tslint:disable-next-line:radix
- let currentPageNumber: number = parseInt((currentPageBox as HTMLInputElement).value);
- if (event.which === 13) {
- if (currentPageNumber > 0 && currentPageNumber <= viewer.pageCount) {
- viewer.navigation.goToPage(currentPageNumber);
- } else {
- (currentPageBox as HTMLInputElement).value = viewer.currentPageNumber.toString();
- }
- }
- return true;
- }
-}
-
-function onCurrentPageBoxClicked(): void {
- (currentPageBox as HTMLInputElement).select();
- (currentPageBox).focus();
-}
-
-function readFile(args: any): void {
- // tslint:disable-next-line
- let upoadedFiles: any = args.target.files;
- if (args.target.files[0] !== null) {
- let uploadedFile: File = upoadedFiles[0];
- if (uploadedFile) {
- let reader: FileReader = new FileReader();
- let filename: string = upoadedFiles[0].name;
- reader.readAsDataURL(uploadedFile);
- // tslint:disable-next-line
- reader.onload = (e: any): void => {
- let uploadedFileUrl: string = e.currentTarget.result;
- viewer.load(uploadedFileUrl, null);
- viewer.fileName = filename;
- (currentPageBox as HTMLInputElement).value = '1';
- document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
- document.getElementById('bookmarkview').innerHTML = '';
- isBookmarkOpen = false;
- };
- }
- }
-}
-
-function openDocument(e: ClickEventArgs): void {
- document.getElementById('fileUpload').click();
-}
-
-function updatePageNavigation(): void {
- if (viewer.currentPageNumber === 1) {
- toolbarObj.enableItems(document.getElementById('previousPage'), false);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- } else if (viewer.currentPageNumber === viewer.pageCount) {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), false);
- } else {
- toolbarObj.enableItems(document.getElementById('previousPage'), true);
- toolbarObj.enableItems(document.getElementById('nextPage'), true);
- }
-}
-
-function updateZoomButtons(): void {
- if (viewer.zoomPercentage <= 50) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), false);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- } else if (viewer.zoomPercentage >= 400) {
- toolbarObj.enableItems(document.getElementById('zoomIn'), false);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- } else {
- toolbarObj.enableItems(document.getElementById('zoomIn'), true);
- toolbarObj.enableItems(document.getElementById('zoomOut'), true);
- toolbarObj.enableItems(document.getElementById('fitPage'), true);
- }
-}
-
-function nodeClick(args: NodeSelectEventArgs): boolean {
- let bookmarksDetails: any = viewer.bookmark.getBookmarks();
- let bookmarksDestination: any = bookmarksDetails.bookmarksDestination;
- let bookid: number = Number(args.nodeData.id);
- let pageIndex: number = bookmarksDestination.bookMarkDestination[bookid].PageIndex;
- let Y: number = bookmarksDestination.bookMarkDestination[bookid].Y;
- viewer.bookmark.goToBookmark(pageIndex, Y);
- return false;
-}
-
-function searchInputKeypressed(event: KeyboardEvent): void {
- enablePrevButton(true);
- enableNextButton(true);
- if (event.which === 13) {
- initiateTextSearch();
- updateSearchInputIcon(false);
- }
-}
-
-function searchClickHandler(): void {
- if (searchButton.classList.contains('e-pv-search-icon')) {
- viewer.textSearch.cancelTextSearch();
- initiateTextSearch();
- } else if (searchButton.classList.contains('e-pv-search-close')) {
- (searchInput as HTMLInputElement).value = '';
- searchInput.focus();
- viewer.textSearch.cancelTextSearch();
- }
-}
-
-function initiateTextSearch(): void {
- let searchString: string = (searchInput as HTMLInputElement).value;
- viewer.textSearch.searchText(searchString, matchCase);
-}
-
-function previousSearchClicked(): void {
- let searchString: string = (searchInput as HTMLInputElement).value;
- if (searchString) {
- viewer.textSearch.searchPrevious();
- }
-}
-
-function nextSearchClicked(): void {
- let searchString: string = (searchInput as HTMLInputElement).value;
- if (searchString) {
- viewer.textSearch.searchNext();
- }
-}
-
-function checkBoxChanged(args: ChangeEventArgs): void {
- if (args.checked) {
- matchCase = true;
- } else {
- matchCase = false;
- }
- initiateTextSearch();
-}
-
-function enablePrevButton(isEnable: boolean): void {
- let previousSearchButton: HTMLElement = document.getElementById('previousSearch');
- if (isEnable) {
- previousSearchButton.removeAttribute('disabled');
- } else {
- (previousSearchButton as HTMLButtonElement).disabled = true;
- }
-}
-
-function enableNextButton(isEnable: boolean): void {
- let nextSearchButton: HTMLElement = document.getElementById('nextSearch');
- if (isEnable) {
- nextSearchButton.removeAttribute('disabled');
- } else {
- (nextSearchButton as HTMLButtonElement).disabled = true;
- }
-}
-
-function updateSearchInputIcon(isEnable: boolean): void {
- if (isEnable) {
- searchButton.classList.remove('e-pv-search-close');
- searchButton.classList.add('e-pv-search-icon');
- } else {
- searchButton.classList.remove('e-pv-search-icon');
- searchButton.classList.add('e-pv-search-close');
- }
-}
-
-
- toolbarObj = new Tool({
- items: [
- { prefixIcon: 'e-pv-open-document', tooltipText: 'Open', id: 'openButton', click: openDocument.bind(this) },
- { prefixIcon: 'e-pv-bookmark-icon', tooltipText: 'Bookmark', id: 'bookmarkButton', click: bookmarkClicked },
- // tslint:disable-next-line:max-line-length
- { prefixIcon: 'e-pv-previous-page-navigation-icon', id: 'previousPage', tooltipText: 'Previous Page', align: 'Center', click: previousClicked.bind(this) },
- // tslint:disable-next-line:max-line-length
- { prefixIcon: 'e-pv-next-page-navigation-icon', id: 'nextPage', tooltipText: 'Next Page', align: 'Center', click: nextClicked.bind(this) },
- { template: inputTemplate, tooltipText: 'Page Number', align: 'Center' },
- { template: ele, tooltipText: 'Page Number', align: 'Center' },
- { prefixIcon: 'e-pv-search-icon', tooltipText: 'Text Search', align: 'Right', click: searchClicked.bind(this) },
- { prefixIcon: 'e-pv-print-document-icon', tooltipText: 'Print', align: 'Right', click: printClicked.bind(this) },
- { prefixIcon: 'e-pv-download-document-icon', tooltipText: 'Download', align: 'Right', click: downloadClicked.bind(this) }
- ]
- });
- toolbarObj.appendTo('#topToolbar');
- let magnificationToolbar: Tool = new Tool({
- items: [
- { prefixIcon: 'e-pv-fit-page-icon', id: 'fitPage', tooltipText: 'Fit to page', click: pageFitClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-in-icon', id: 'zoomIn', tooltipText: 'Zoom in', click: zoomInClicked.bind(this) },
- { prefixIcon: 'e-pv-zoom-out-icon', id: 'zoomOut', tooltipText: 'Zoom out', click: zoomOutClicked.bind(this) },
- ]
- });
- magnificationToolbar.appendTo('#magnificationToolbar');
- viewer = new PdfViewer({
- enableToolbar: false,
- enableThumbnail: false,
- documentPath: 'https://cdn.syncfusion.com/content/pdf/hive-succinctly.pdf',
- serviceUrl: 'https://services.syncfusion.com/js/production/api/pdfviewer'
- });
- viewer.appendTo('#pdfViewer');
- document.getElementById('fileUpload').addEventListener('change', readFile, false);
- currentPageBox = document.getElementById('currentPage');
- (currentPageBox as HTMLInputElement).value = '1';
- searchInput = document.getElementById('searchInput');
- bookmarkPopup = new Dialog({
- showCloseIcon: true, header: 'Bookmarks', closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- content: '',
- buttons: [{
- buttonModel: {},
- }], position: { X: 'left', Y: 'top' }, cssClass: 'e-bookmark-popup', beforeClose: (): void => {
- isBookmarkOpen = false;
- }
- });
- bookmarkPopup.appendTo('#popup');
-
- textSearchPopup = new Dialog({
- showCloseIcon: false, closeOnEscape: false, isModal: false, target: document.getElementById('pdfViewer'),
- buttons: [{
- buttonModel: {},
- }], position: { X: 'right', Y: 'top' }, cssClass: 'e-text-search-popup',
- });
- textSearchPopup.appendTo('#textSearchBox');
-
- let previousSearch: Button = new Button({ iconCss: 'e-pv-previous-search' });
- previousSearch.appendTo('#previousSearch');
-
- let nextSearch: Button = new Button({ iconCss: 'e-pv-next-search-btn' });
- nextSearch.appendTo('#nextSearch');
-
- let matchCaseCheck: CheckBox = new CheckBox({ label: 'Match case', change: checkBoxChanged });
- matchCaseCheck.appendTo('#matchCase');
-
- viewer.pageChange = (args: IPageChangeEventArgs): void => {
- (currentPageBox as HTMLInputElement).value = viewer.currentPageNumber.toString();
- updatePageNavigation();
- };
-
- viewer.documentLoad = (args: ILoadEventArgs): void => {
- document.getElementById('totalPage').textContent = 'of ' + viewer.pageCount;
- updatePageNavigation();
- };
- searchButton = document.getElementById('searchBtn');
- searchInput.addEventListener('focus', () => { searchInput.parentElement.classList.add('e-input-focus'); });
- searchInput.addEventListener('blur', () => { searchInput.parentElement.classList.remove('e-input-focus'); });
- searchInput.addEventListener('keypress', searchInputKeypressed);
- document.getElementById('previousSearch').addEventListener('click', previousSearchClicked);
- document.getElementById('nextSearch').addEventListener('click', nextSearchClicked);
- currentPageBox.addEventListener('keypress', onCurrentPageBoxKeypress);
- currentPageBox.addEventListener('click', onCurrentPageBoxClicked);
- searchButton.addEventListener('click', searchClickHandler);
- bookmarkPopup.hide();
- textSearchPopup.hide();
- enableNextButton(false);
- enablePrevButton(false);
-
-```
-{% endhighlight %}
-{% endtabs %}
-
-Sample :
-[https://ej2.syncfusion.com/demos/#/material/pdfviewer/custom-toolbar.html](https://ej2.syncfusion.com/demos/#/material/pdfviewer/custom-toolbar.html)
-
-## How to customize the default toolbar with desired tools
-
-Customize the default toolbar with the required tools by using the [toolbarSettings](https://helpej2.syncfusion.com/documentation/api/pdfviewer/#toolbarsettings) class of the PDF viewer.
-
-The following code illustrates how to render the default toolbar with specific tools.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-```ts
-
-
-
-
-```
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-```ts
-
-
-
-
-```
-{% endhighlight %}
-{% endtabs %}
-
-[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/Toolbar/Toolbar%20customization).
-
-## See also
-
-* [Toolbar customization](./how-to/toolbar-customization)
-* [Feature Modules](./feature-module)
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/troubleshooting/cp-command-not-recognized.md b/ej2-javascript/pdfviewer/ts/troubleshooting/cp-command-not-recognized.md
deleted file mode 100644
index d92a93f4e..000000000
--- a/ej2-javascript/pdfviewer/ts/troubleshooting/cp-command-not-recognized.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-layout: post
-title: Troubleshoot 'cp' is not recognized as a command in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about how to solve 'cp' is not recognized as a command in Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Troubleshoot error 'cp' is not recognized as a command
-
-The error message you're seeing, "'cp' is not recognized as an internal or external command," is because the `cp` command you're trying to use is not recognized on Windows command prompt.
-
-On Windows, you should use the `copy` command to copy files and directories instead of `cp`. The equivalent command in Windows to copy a directory and its contents recursively is:
-
-```batch
-xcopy /s /e /i .\node_modules\@syncfusion\ej2-pdfviewer\dist\ej2-pdfviewer-lib src\ej2-pdfviewer-lib
-```
-
-Here, `/s` indicates that you want to copy directories and subdirectories recursively. Also, note that Windows uses backslashes `\` as path separators, not forward slashes `/`.
-
-Make sure to run this command in the appropriate directory where you want to perform the copy operation.
-
-**Note:** If you encounter other issues or error messages while working with the Windows Command Prompt, make sure to double-check your command syntax and file paths for accuracy. Additionally, ensure that you have the necessary permissions to perform the copy operation in the specified directories.
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/troubleshooting/document-loading-issues.md b/ej2-javascript/pdfviewer/ts/troubleshooting/document-loading-issues.md
deleted file mode 100644
index f9d11cfb5..000000000
--- a/ej2-javascript/pdfviewer/ts/troubleshooting/document-loading-issues.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-layout: post
-title: Document Loading Issues in Version 23.1 or Newer ##Platform_Name## Pdfviewer Component
-description: Learn here all about troubleshooting Document Loading Issues in Version 23.1 or newer in ##Platform_Name## Pdfviewer of Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
----
-
-# Document Loading Issues in Version 23.1 or Newer
-
-If you're experiencing problems with your document not rendering in the viewer, especially when using version 23.1 or a newer version, follow these troubleshooting steps to resolve the issue:
-
-1. **Check for `viewer.dataBind()` Requirement**: Ensure that you have called `viewer.dataBind()` as required in version 23.1 or newer. This explicit call is essential for initializing data binding and document rendering correctly. It is must to call the dataBind() method before load.
-
-```ts
-import { PdfViewer, Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, TextSearch, Print} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, TextSearch, Print);
-
-let pdfviewer: PdfViewer = new PdfViewer({enableDownload: true});
-pdfviewer.serviceUrl = 'https://services.syncfusion.com/js/production/api/pdfviewer';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.dataBind();
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null);
-```
-
-2. **Verify Document Source**: Confirm that the document source or URL you're trying to display is valid and accessible. Incorrect URLs or document paths can lead to loading issues.
-
-3. **Network Connectivity**: Ensure that your application has a stable network connection. Document rendering may fail if the viewer can't fetch the document due to network issues.
-
-4. **Console Errors**: Use your browser's developer tools to check for any error messages or warnings in the console. These messages can provide insights into what's causing the document not to load.
-
-5. **Loading Sequence**: Make sure that you're calling `viewer.dataBind()` and initiating document loading in the correct sequence. The viewer should be properly initialized before attempting to load a document.
-
-7. **Update Viewer**: Ensure that you're using the latest version of the viewer library or framework. Sometimes, issues related to document loading are resolved in newer releases.
-
-8. **Cross-Origin Resource Sharing (CORS)**: If you're loading documents from a different domain, ensure that CORS headers are correctly configured to allow cross-origin requests.
-
-9. **Content Security Policies (CSP)**: Check if your application's Content Security Policy allows the loading of external resources, as this can affect document loading. Refer [here](https://ej2.syncfusion.com/javascript/documentation/common/troubleshoot/content-security-policy) to troubleshoot.
-
-By following these troubleshooting steps, you should be able to address issues related to document loading in version 23.1 or newer, ensuring that your documents render correctly in the viewer.
\ No newline at end of file
diff --git a/ej2-javascript/pdfviewer/ts/troubleshooting/troubleshooting.md b/ej2-javascript/pdfviewer/ts/troubleshooting/troubleshooting.md
deleted file mode 100644
index a093f02b0..000000000
--- a/ej2-javascript/pdfviewer/ts/troubleshooting/troubleshooting.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-layout: post
-title: Manually Copy Files from node_modules in ##Platform_Name## PDF Viewer control | Syncfusion
-description: Learn here all about why do i have to manually copy files from node_modules in Syncfusion Essential JS 2 and more.
-platform: ej2-javascript
-control: PDF Viewer
-publishingplatform: ##Platform_Name##
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Why Do I Have to Manually Copy Files from node_modules into My App?
-
-PDF Viewer offers flexibility across different build systems, remaining both framework-agnostic and independent of bundlers. Even without a bundler, you can seamlessly integrate the PDF Viewer by directly linking its assets through standard HTML tags.
-
-Moreover, our codebase is meticulously divided into distinct files, enabling selective loading of components when required. This strategic approach to lazy loading prevents unwieldy file sizes that a single bundle might impose, which is often impractical.
-
-While 'pdfium.js,' the primary entry point, is commonly bundled automatically, the supplementary assets from 'ej2-pdfviewer-lib' need to be manually incorporated due to their on-demand loading. This necessity arises because the host application lacks inherent awareness of these assets' lazy loading behavior.
\ No newline at end of file
diff --git a/ej2-typescript-toc.html b/ej2-typescript-toc.html
index ffb0cf0e4..5802585b4 100644
--- a/ej2-typescript-toc.html
+++ b/ej2-typescript-toc.html
@@ -1795,144 +1795,6 @@