Interface for a class PdfViewer
EmitType<AddSignatureEventArgs>
Triggers when signature is added over the page of the PDF document.
EmitType<AjaxRequestFailureEventArgs>
Triggers when the AJAX request is failed.
EmitType<AjaxRequestInitiateEventArgs>
Triggers before the data send in to the server.
EmitType<AjaxRequestSuccessEventArgs>
Event triggers on successful AJAX request
EmitType<AnnotationAddEventArgs>
Triggers when an annotation is added over the page of the PDF document.
EmitType<AnnotationDoubleClickEventArgs>
Triggers an event when the annotation is double click.
EmitType<AnnotationMouseLeaveEventArgs>
Triggers when mouse over the annotation object.
EmitType<AnnotationMouseoverEventArgs>
Triggers when mouse over the annotation object.
EmitType<AnnotationMoveEventArgs>
Triggers when an annotation is moved over the page of the PDF document.
EmitType<AnnotationMovingEventArgs>
Triggers while moving an annotation.
EmitType<AnnotationPropertiesChangeEventArgs>
Triggers when the property of the annotation is changed in the page of the PDF document.
EmitType<AnnotationRemoveEventArgs>
Triggers when an annotation is removed from the page of the PDF document.
EmitType<AnnotationResizeEventArgs>
Triggers when an annotation is resized over the page of the PDF document.
EmitType<AnnotationSelectEventArgs>
Triggers when an annotation is selected over the page of the PDF document.
EmitType<AnnotationUnSelectEventArgs>
Triggers when an annotation is unselected over the page of the PDF document.
EmitType<BeforeAddFreeTextEventArgs>
Triggers the event before adding a text in the freeText annotation.
EmitType<BookmarkClickEventArgs>
Triggers an event when the bookmark is clicked in the bookmark panel of PDF Viewer.
EmitType<ButtonFieldClickEventArgs>
Triggers an event when the button is clicked.
Triggers when the comment is added for the annotation in the comment panel.
Triggers when the comment is deleted for the annotation in the comment panel.
Triggers when the comment is edited for the annotation in the comment panel.
Triggers when the comment is selected for the annotation in the comment panel.
Triggers when the comment for status is changed for the annotation in the comment panel.
EmitType<void>
Triggers while created the PdfViewer component.
Triggers while loading document into PdfViewer.
Triggers while loading document got failed in PdfViewer.
Triggers while close the document
EmitType<DownloadEndEventArgs>
Triggers an event when the download actions is finished.
EmitType<DownloadStartEventArgs>
Triggers an event when the download action is started.
EmitType<ExportFailureEventArgs>
Triggers when an export annotations failed in the PDF Viewer.
EmitType<ExportStartEventArgs>
Triggers when an exported annotations started in the PDF Viewer.
EmitType<ExportSuccessEventArgs>
Triggers when an export annotations succeed in the PDF Viewer.
EmitType<ExtractTextCompletedEventArgs>
Triggers when an text extraction is completed in the PDF Viewer.
The event is triggered when a form field is added.
Triggers an event when the form field is clicked.
EmitType<FormFieldDoubleClickArgs>
Triggers an event when the form field is double-clicked.
EmitType<FormFieldFocusOutEventArgs>
Triggers when focus out from the form fields.
EmitType<FormFieldMouseLeaveArgs>
The event is triggered when a mouse cursor leaves form field.
EmitType<FormFieldMouseoverArgs>
The event is triggered when a mouse cursor is over a form field.
The event is triggered when a form field is moved.
EmitType<FormFieldPropertiesChangeArgs>
The event is triggered when a property of form field is changed.
The event is triggered when a form field is removed.
The event is triggered when a form field is resized.
The event is triggered when a form field is selected.
EmitType<FormFieldUnselectArgs>
The event is triggered when a form field is unselected.
EmitType<HyperlinkClickEventArgs>
Triggers when hyperlink in the PDF Document is clicked
EmitType<HyperlinkMouseOverArgs>
Triggers when hyperlink in the PDF Document is hovered
EmitType<ImportFailureEventArgs>
Triggers when an imports annotations failed in the PDF document.
EmitType<ImportStartEventArgs>
Triggers when an imported annotations started in the PDF document.
EmitType<ImportSuccessEventArgs>
Triggers when an imports annotations succeed in the PDF document.
EmitType<MoveSignatureEventArgs>
Triggers when an signature is moved over the page of the PDF document.
Triggers when there is change in current page number.
Triggers when the mouse click is performed over the page of the PDF document.
EmitType<PageMouseoverEventArgs>
Triggers when mouse over the page.
Triggers an event when the print actions is finished.
Triggers an event when the print action is started.
EmitType<RemoveSignatureEventArgs>
Triggers when signature is removed over the page of the PDF document.
EmitType<ResizeSignatureEventArgs>
Triggers when signature is resized over the page of the PDF document.
EmitType<SignaturePropertiesChangeEventArgs>
Triggers when the property of the signature is changed in the page of the PDF document.
EmitType<SignatureSelectEventArgs>
Triggers when signature is selected over the page of the PDF document.
EmitType<TextSearchCompleteEventArgs>
Triggers an event when the text search is completed.
EmitType<TextSearchHighlightEventArgs>
Triggers an event when the text search text is highlighted.
EmitType<TextSearchStartEventArgs>
Triggers an event when the text search is started.
EmitType<TextSelectionEndEventArgs>
Triggers an event when the text selection is finished.
EmitType<TextSelectionStartEventArgs>
Triggers an event when the text selection is started.
EmitType<ThumbnailClickEventArgs>
Triggers an event when the thumbnail is clicked in the thumbnail panel of PDF Viewer.
EmitType<ValidateFormFieldsArgs>
Triggers when validation is failed.
Triggers when there is change in the magnification value.
Get or set the dropdown field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.DropdownFieldSettings = { name: '', isSelected: false, backgroundColor: 'white', isReadOnly: true, visibility: 'visible', isPrint: true, tooltip: '', isRequired: false, thickness: 5, borderColor: 'blue' };
viewer.appendTo("#pdfViewer");Defines the ajax Request settings of the PDF Viewer.
AnnotationSelectorSettingsModel
Defines the settings of annotation selector.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner,AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.annotationSelectorSettings = { selectionBorderColor: '', resizerBorderColor: 'Circle', resizerFillColor: '#4070ff', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null };
viewer.appendTo("#pdfViewer");Defines the settings of the annotations.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.annotationSettings = { author: 'XYZ', minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, skipPrint: false, skipDownload: false, allowedInteractions: ['None'] };
viewer.appendTo("#pdfViewer");Defines the settings of area annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.areaSettings = { opacity: 1, fillColor: '#ffffff00', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#4070ff', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Defines the settings of arrow annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.arrowSettings = { opacity: 1, fillColor: '#9c2592', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, borderDashArray: 0, lineHeadStartStyle: 'Closed', lineHeadEndStyle: 'Closed', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Get or set the check box field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.checkBoxFieldSettings = { name: '', isChecked: true, backgroundColor: 'white', isReadOnly: false, visibility: 'visible', isPrint: true, tooltip: '', isRequired: false, thickness: 5, borderColor: 'black' };
viewer.appendTo("#pdfViewer");Defines the settings of circle annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.circleSettings = { opacity: 1, fillColor: '#9c2592', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string
Specifies the state of the ContextMenu in the PDF document.
Defines the context menu settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner, ContextMenuItem} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.contextMenuSettings = { contextMenuAction: 'RightClick', contextMenuItems: [ContextMenuItem.Comment, ContextMenuItem.Copy, ContextMenuItem.Cut, ContextMenuItem.Delete, ContextMenuItem.Highlight, ContextMenuItem.Paste, ContextMenuItem.Properties, ContextMenuItem.ScaleRatio, ContextMenuItem.Strikethrough, ContextMenuItem.Underline] };
viewer.appendTo("#pdfViewer"); number
Returns the current page number of the document displayed in the PdfViewer control.
Defines the stamp items of the PDF Viewer.
Defines the settings of customStamp annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.customStampSettings = { opacity: 1, author: 'XYZ', width: 0, height: 0, left: 0, top: 0, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, enableCustomStamp: true, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string
Customize desired date and time format
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.dateTimeFormat = "yyyy-MM-dd HH:mm:ss";
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the interaction of form fields in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.designerMode = true;
viewer.appendTo("#pdfViewer");enable or disable context menu Items
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner,ContextMenuItem} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.disableContextMenuItems = [ContextMenuItem.Copy,ContextMenuItem.Paste];
viewer.appendTo("#pdfViewer");Defines the settings of distance annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, CursorType, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.distanceSettings = { opacity: 1, fillColor: '#ffffff00', strokeColor: '#ff0000', author: 'Guest', thickness: 1, borderDashArray: 0, lineHeadStartStyle: 'Closed', lineHeadEndStyle: 'Closed', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, leaderLength: 40, resizeCursorType: CursorType.move, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string
Sets the PDF document path for initial loading.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.appendTo("#pdfViewer"); string
Gets or sets the download file name in the PdfViewer control.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.downloadFileName = 'Document_Downloaded';
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the annotation in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableAnnotation = false;
viewer.appendTo("#pdfViewer"); boolean
Opens the annotation toolbar when the PDF document is loaded in the PDF Viewer control initially.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableAnnotationToolbar = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disables the auto complete option in form documents.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableAutoComplete = false;
viewer.appendTo("#pdfViewer"); boolean
Enables or disables the bookmark view in the PDF viewer
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableBookmark = false;
viewer.appendTo("#pdfViewer"); boolean
Enables or disables the bookmark styles in the PDF viewer
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableBookmarkStyles = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disables the Comment Panel of PdfViewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableCommentPanel = false;
viewer.appendTo("#pdfViewer"); boolean
Gets or sets a boolean value to show or hide desktop toolbar in mobile devices.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableDesktopMode = true;
viewer.appendTo("#pdfViewer"); boolean
Enable or disables the download option of PdfViewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableDownload = false;
viewer.appendTo("#pdfViewer"); boolean
Show or hide the form designer tool in the main toolbar of the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableFormDesigner = false;
viewer.appendTo("#pdfViewer"); boolean
Opens the form designer toolbar when the PDF document is loaded in the PDF Viewer control initially.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableFormDesignerToolbar = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the form fields in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableFormFields = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the form fields validation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableFormFieldsValidation = true;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the free text annotation in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableFreeText = false;
viewer.appendTo("#pdfViewer"); boolean
Enables or disables the handwritten signature in PDF document.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableHandwrittenSignature = false;
viewer.appendTo("#pdfViewer"); boolean
Enables or disables the hyperlinks in PDF document.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableHyperlink = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the customization of measure values in PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableImportAnnotationMeasurement = false;
viewer.appendTo("#pdfViewer"); boolean
If it is set as false, then the ink annotation support in the PDF Viewer will be disabled. By default it is true.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableInkAnnotation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the Magnification module of PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableMagnification = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the calibrate annotation in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableMeasureAnnotation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the multi line text markup annotations in overlapping collections.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.enableMultiLineOverlap = true;
viewer.appendTo("#pdfViewer");
viewer.load('FormDesigner.pdf', null); boolean
Enables or disables the multi-page text markup annotation selection in UI.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.enableMultiPageAnnotation = true;
viewer.appendTo("#pdfViewer");
viewer.load('FormDesigner.pdf', null); boolean
Enable or disable the Navigation module of PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableNavigation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disables the Navigation toolbar of PdfViewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableNavigationToolbar = true;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable persisting component’s state between page reloads.
boolean
Enable or disable the pinch zoom option in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enablePinchZoom = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disables the print option of PdfViewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enablePrint = false;
viewer.appendTo("#pdfViewer"); boolean
If it is set as FALSE, will suppress the page rotation of Landscape document on print action. By default it is TRUE.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enablePrintRotation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable rendering component in right to left direction.
boolean
Enable or disable the shape annotation in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableShapeAnnotation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the Label for shapeAnnotations of PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableShapeLabel = true;
viewer.appendTo("#pdfViewer"); boolean
Enables and disable the stamp annotations when the PDF viewer control is loaded initially.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableStampAnnotations = false;
viewer.appendTo("#pdfViewer"); boolean
Enables and disable the stickyNotes annotations when the PDF viewer control is loaded initially.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableStickyNotesAnnotation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the text markup annotation in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableTextMarkupAnnotation = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the text markup resizer to modify the bounds in UI.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.enableTextMarkupResizer = true;
viewer.appendTo("#pdfViewer");
viewer.load('FormDesigner.pdf', null); boolean
Enable or disable the text search in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableTextSearch = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the text selection in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableTextSelection = false;
viewer.appendTo("#pdfViewer"); boolean
Enables or disables the thumbnail view in the PDF viewer
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableThumbnail = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disables the toolbar of PdfViewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableToolbar = false;
viewer.appendTo("#pdfViewer"); boolean
Enable or disable the zoom optimization mode in PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.enableZoomOptimization = false;
viewer.appendTo("#pdfViewer"); string
Gets or sets the export annotations JSON file name in the PdfViewer control.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.exportAnnotationFileName = 'Annotation export file_1';
viewer.appendTo("#pdfViewer");Gets the form fields present in the loaded PDF document. It used to get the form fields id, name, type and it’s values.
<body style="margin:0px">
<button id = 'logForms'>Show Form Field Collection</button>
<div style="height: 100%;width: 100%">
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>
</div>
</body>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
viewer.appendTo('#pdfViewer');
viewer.load('FormDesigner.pdf', null);
document.getElementById('logForms').addEventListener('click', logFormFieldCollections);
function logFormFieldCollections() {
console.log(viewer.formFieldCollections);
}Defines the settings of free text annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, FontStyle, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.freeTextSettings = { opacity: 1, fillColor: '#ffffff00', borderColor: '#4070ff', author: 'XYZ', borderWidth: 1, width: 151, fontSize: 16, height: 24.6, fontColor: '#000', fontFamily: 'Helvetica', defaultText: 'Type Here', textAlignment: 'Right', fontStyle: FontStyle.Italic, allowTextOnly: false, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, allowedInteractions: ['None'], isPrint: true, isReadonly: false, enableAutoFit: false };
viewer.appendTo("#pdfViewer"); HandWrittenSignatureSettingsModel
Defines the settings of handWrittenSignature.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, DisplayMode, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.handWrittenSignatureSettings = { signatureItem: ['Signature', 'Initial'], saveSignatureLimit: 1, saveInitialLimit: 1, opacity: 1, strokeColor: '#000000', width: 150, height: 100, thickness: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, allowedInteractions: ['None'], signatureDialogSettings: { displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload, hideSaveSignature: false }, initialDialogSettings: { displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload, hideSaveSignature: false} };
viewer.appendTo("#pdfViewer"); string | number
Defines the scrollable height of the PdfViewer control.
boolean
Gets or sets a boolean value to show or hide the save signature check box option in the signature dialog. FALSE by default
Defines the settings of highlight annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.highlightSettings = { opacity: 1, color: '#DAFF56', author: 'XYZ', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges }, isLock: false, enableMultiPageAnnotation: false, enableTextMarkupResizer: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string
Specifies the open state of the hyperlink in the PDF document.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.hyperlinkOpenState = 'NewTab';
viewer.appendTo("#pdfViewer");Get or set the signature dialog settings for initial field.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, DisplayMode} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.initialDialogSettings = { displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload, hideSaveSignature: true};
viewer.appendTo("#pdfViewer");Get or set the initial field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, DisplayMode} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.initialFieldSettings = { name: '', isReadOnly: true, visibility: 'visible', isRequired: true, isPrint: true, tooltip: '', thickness: 1, initialIndicatorSettings: { opacity: 1, backgroundColor: 'orange', width: 19, height: 10, fontSize: 10, text: null, color: 'black' }, initialDialogSettings: { displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload, hideSaveSignature: false } };
viewer.appendTo("#pdfViewer");Defines the ink annotation settings for PDF Viewer.It used to customize the strokeColor, thickness, opacity of the ink annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.inkAnnotationSettings = { author: 'XYZ', opacity: 1, strokeColor: '#ff0000', thickness: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string
Sets the interaction mode of the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.interactionMode = "Pan";
viewer.appendTo("#pdfViewer"); boolean
Opens the annotation toolbar when the PDF document is loaded in the PDF Viewer control initially.
boolean
Opens the annotation toolbar when the PDF document is loaded in the PDF Viewer control initially and get the annotation Toolbar Visible status.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.isAnnotationToolbarVisible = true;
viewer.appendTo("#pdfViewer");
viewer.load('FormDesigner.pdf', null); boolean
Gets or sets a boolean value to show or hide the bookmark panel while loading a document.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.isBookmarkPanelOpen = true;
viewer.appendTo("#pdfViewer"); boolean
If it set as true, then the command panel show at initial document loading in the PDF viewer
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.isCommandPanelOpen = true;
viewer.appendTo("#pdfViewer"); boolean
Checks whether the PDF document is edited.
boolean
Enable or disable the get the document text collections.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.isExtractText = true;
viewer.appendTo("#pdfViewer"); boolean
Opens the annotation toolbar when the PDF document is loaded in the PDF Viewer control initially and get the annotation Toolbar Visible status.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.isFormDesignerToolbarVisible = true;
viewer.appendTo("#pdfViewer");
viewer.load('FormDesigner.pdf', null); boolean
Enable if the PDF document contains form fields.
boolean
Maintain the selection of text markup annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.isMaintainSelection = true;
viewer.appendTo("#pdfViewer"); boolean
Enables or disable saving Hand Written signature as editable in the PDF.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.isSignatureEditable = true;
viewer.appendTo("#pdfViewer"); boolean
If it set as true, then the thumbnail view show at initial document loading in the PDF viewer
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.isThumbnailViewOpen = true;
viewer.appendTo("#pdfViewer"); boolean
Checks if the freeText value is valid or not. FALSE by default
Defines the settings of line annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.lineSettings = { opacity: 1, color: '#9c2592', author: 'XYZ', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges }, isLock: false, enableMultiPageAnnotation: false, enableTextMarkupResizer: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Get or set the listbox field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.listBoxFieldSettings = { name: '', fontFamily: 'Helvetica', fontSize: 5, fontStyle: 'None', color: 'black', backgroundColor: 'white', alignment: 'Right', isReadOnly: false, visibility: 'visible', isRequired: false, isPrint: false, tooltip: '', options: [], thickness: 1, borderColor: 'black' };
viewer.appendTo("#pdfViewer"); string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Defines the settings of measurement annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.measurementSettings = { conversionUnit: 'cm', displayUnit: 'cm', scaleRatio: 1, depth: 96 };
viewer.appendTo("#pdfViewer"); number
gets the page count of the document loaded in the PdfViewer control.
Get or set the password field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.passwordFieldSettings = { name: '', value: '', fontFamily: 'Helvetica', fontSize: 10, fontStyle: 'None', color: 'black', borderColor: 'black', backgroundColor: 'white', alignment: 'Right', isReadOnly: false, visibility: 'visible', maxLength: 0, isRequired: false, isPrint: true, tooltip: '', thickness: 1 };
viewer.appendTo("#pdfViewer");Defines the settings of perimeter annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.perimeterSettings = { opacity: 1, fillColor: '#ffffff00', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, borderDashArray: 0, lineHeadStartStyle: 'Open', lineHeadEndStyle: 'Open', minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#4070ff', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Defines the settings of polygon annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.polygonSettings = { opacity: 1, fillColor: '#ffffff00', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string
Specifies the print mode in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.printMode = "NewWindow";
viewer.appendTo("#pdfViewer");Get or set the radio button field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.radioButtonFieldSettings = { name: '', isSelected: false, backgroundColor: 'white', isReadOnly: false, visibility: 'visible', isPrint: true, tooltip: '', isRequired: false, thickness: 1, borderColor: 'black' };
viewer.appendTo("#pdfViewer");Defines the settings of radius annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.radiusSettings = { opacity: 1, fillColor: '#ffffff00', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'red', resizerFillColor: '#4070ff', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Defines the settings of rectangle annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.rectangleSettings = { opacity: 1, fillColor: '#9c2592', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); boolean
restrict zoom request.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.restrictZoomRequest = true;
viewer.appendTo("#pdfViewer"); number
Specifies the retry count for the failed requests.
number[]
Specifies the response status codes for retrying a failed request with a “3xx”, “4xx”, or “5xx” response status code. The value can have multiple values, such as [500, 401, 400], and the default value is 500.
Defines the scroll settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.scrollSettings = { delayPageRequestTimeOnScroll: 150 };
viewer.appendTo("#pdfViewer");Defines the collection of selected items, size and position of the selector
Defines the settings of the PDF Viewer service.
string
Defines the service url of the PdfViewer control.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.appendTo("#pdfViewer");
viewer.load('FormDesigner.pdf', null);Defines the settings of shape label.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.shapeLabelSettings = { opacity: 1, fillColor: '#9c2592', borderColor: '#ff0000', fontColor: '#000', fontSize: 16, labelHeight: 24.6, labelMaxWidth: 151, labelContent: 'Label' };
viewer.appendTo("#pdfViewer"); boolean
Show or hide the digital signature appearance in the document.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.showDigitalSignatureAppearance = false;
viewer.appendTo("#pdfViewer"); boolean
If it is set as false then error message box is not displayed in PDF viewer control.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.showNotificationDialog = false;
viewer.appendTo("#pdfViewer");Get or set the signature dialog settings for signature field.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, DisplayMode} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.signatureDialogSettings = { displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload, hideSaveSignature: true};
viewer.appendTo("#pdfViewer");Get or set the signature field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, DisplayMode} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.signatureFieldSettings = { name: '', isReadOnly: true, visibility: 'visible', isRequired: true, isPrint: false, tooltip: '', thickness: 1, signatureIndicatorSettings: { opacity: 1, backgroundColor: 'orange', width: 19, height: 10, fontSize: 10, text: null, color: 'black' }, signatureDialogSettings: { displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload, hideSaveSignature: false } };
viewer.appendTo("#pdfViewer"); string
Specifies the signature mode in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.signatureFitMode = "Stretch";
viewer.appendTo("#pdfViewer");Defines the settings of stamp annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, AnnotationResizerLocation, DynamicStampItem, SignStampItem, StandardBusinessStampItem} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.stampSettings = { opacity: 1, author: 'XYZ', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'red', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 5, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, dynamicStamps: [DynamicStampItem.Revised, DynamicStampItem.Reviewed, DynamicStampItem.Received, DynamicStampItem.Confidential, DynamicStampItem.Approved, DynamicStampItem.NotApproved], signStamps: [SignStampItem.Witness, SignStampItem.InitialHere, SignStampItem.SignHere, SignStampItem.Accepted, SignStampItem.Rejected], standardBusinessStamps: [StandardBusinessStampItem.Approved, StandardBusinessStampItem.NotApproved, StandardBusinessStampItem.Draft, StandardBusinessStampItem.Final, StandardBusinessStampItem.Completed, StandardBusinessStampItem.Confidential, StandardBusinessStampItem.ForPublicRelease, StandardBusinessStampItem.NotForPublicRelease, StandardBusinessStampItem.ForComment, StandardBusinessStampItem.Void, StandardBusinessStampItem.PreliminaryResults, StandardBusinessStampItem.InformationOnly], allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Defines the settings of stickyNotes annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.stickyNotesSettings = { author: 'XYZ', opacity: 1, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'red', resizerFillColor: '#4070ff', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, isLock: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Defines the settings of strikethrough annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.strikethroughSettings = { opacity: 1, color: '#DAFF56', author: 'XYZ', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges }, isLock: false, enableMultiPageAnnotation: false, enableTextMarkupResizer: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Get or set the text field settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.textFieldSettings = { name: '', value: '', fontFamily: 'Helvetica', fontSize: 10, fontStyle: 'None', color: 'black', borderColor: 'black', backgroundColor: 'white', alignment: 'Right', isReadOnly: false, visibility: 'visible', maxLength: 0, isRequired: false, isPrint: true, tooltip: '', thickness: 1, isMultiline: false };
viewer.appendTo("#pdfViewer");Sets the settings for the color of the text search highlight.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.textSearchColorSettings = { searchHighlightColor: '#4070ff', searchColor: '#FF4081' };
viewer.appendTo("#pdfViewer");Defines the tile rendering settings.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields, FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.tileRenderingSettings = { author: 'XYZ', minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, skipPrint: false, skipDownload: false, allowedInteractions: ['None'] };
viewer.appendTo("#pdfViewer");Defines the settings of the PDF Viewer toolbar.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.toolbarSettings = { showTooltip: false, toolbarItems: ['OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'FormDesignerEditTool', 'FreeTextAnnotationOption', 'InkAnnotationOption', 'ShapeAnnotationOption', 'StampAnnotation', 'SignatureOption', 'SearchOption', 'PrintOption', 'DownloadOption'], annotationToolbarItems: ['HighlightTool', 'UnderlineTool', 'StrikethroughTool', 'ColorEditTool', 'OpacityEditTool', 'AnnotationDeleteTool', 'StampAnnotationTool', 'HandWrittenSignatureTool', 'InkAnnotationTool', 'ShapeTool', 'CalibrateTool', 'StrokeColorEditTool', 'ThicknessEditTool', 'FreeTextAnnotationTool', 'FontFamilyAnnotationTool', 'FontSizeAnnotationTool', 'FontStylesAnnotationTool', 'FontAlignAnnotationTool', 'FontColorAnnotationTool', 'CommentPanelTool'], formDesignerToolbarItems: ['TextboxTool', 'PasswordTool', 'CheckBoxTool', 'RadioButtonTool', 'DropdownTool', 'ListboxTool', 'DrawSignatureTool', 'DeleteTool'] };
viewer.appendTo("#pdfViewer");Defines the settings of underline annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.underlineSettings = { opacity: 1, color: '#9c2592', author: 'XYZ', annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#FF4081', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Square', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges }, isLock: false, enableMultiPageAnnotation: false, enableTextMarkupResizer: false, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer");Defines the settings of volume annotation.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner, AnnotationResizerLocation} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.volumeSettings = { opacity: 1, fillColor: '#ffffff00', strokeColor: '#ff0000', author: 'XYZ', thickness: 1, minHeight: 0, minWidth: 0, maxWidth: 0, maxHeight: 0, isLock: false, annotationSelectorSettings: { selectionBorderColor: '', resizerBorderColor: 'black', resizerFillColor: '#4070ff', resizerSize: 8, selectionBorderThickness: 1, resizerShape: 'Circle', selectorLineDashArray: [], resizerLocation: AnnotationResizerLocation.Corners | AnnotationResizerLocation.Edges, resizerCursorType: null }, allowedInteractions: ['None'], isPrint: true };
viewer.appendTo("#pdfViewer"); string | number
Defines the scrollable width of the PdfViewer control.
string
Specifies the rendering mode in the PDF Viewer.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.zoomMode = "FitToWidth";
viewer.appendTo("#pdfViewer"); number
Sets the initial loading zoom value from 10 to 400 in the PDF Viewer Control.
<div id="pdfViewer" style="height: 100%;width: 100%;"></div>import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner} from "../src/index";
PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
TextSelection, TextSearch, Print, Annotation,FormFields,FormDesigner);
let viewer: PdfViewer = new PdfViewer();
viewer.serviceUrl = "https://ej2services.syncfusion.com/production/web-services/api/pdfviewer";
viewer.documentPath = "PDF_Succinctly.pdf";
viewer.zoomValue = 75;
viewer.appendTo("#pdfViewer");