imageViewer Property (DocumentViewerThumbnails)
Summary
Image viewer control.
Syntax
JavaScript Syntax
Object.defineProperty(DocumentViewerThumbnails.prototype, 'imageViewer',get: function())
TypeScript Syntax
imageViewer: ImageViewer; // read-onlyProperty Value
The ImageViewer control used to show the thumbnails of the document pages.
Remarks
ImageViewer is initialized during CreateDocumentViewer when the value of DocumentViewerCreateOptions.ThumbnailsContainer is not null.
A new instance of ImageViewer is created and set in this property. The control is added as a child to DocumentViewerCreateOptions.ThumbnailsContainer and initialized as follows:
| Member | Description |
|---|---|
| DefaultInteractiveMode | Set to a new instance of ImageViewerSelectItemsInteractiveMode to handle selection of the thumbnails using mouse, keyboard or touch. |
| ItemHorizontalAlignment and ItemVerticalAlignment | |
| ItemSize | 128 by 128 pixels (Default size of the thumbnails) |
| ImageBorderThickness | 1 |
| ImageBackgroundColor | White color |
| ItemPadding | 10, 10, 10, 20 (more room at the bottom for the item text) |
| SelectedItemBackgroundColor |
Light blue color |
| ImageViewer.Tag | Set to the owner DocumentViewer. Be careful not to modify this value in your application. |
In addition to the above, the document viewer subscribes to the PostRenderItem event to render the the annotations for the pages used by Annotations on the thumbnails. and the SelectedItemsChanged event to handle the user clicking on a thumbnail and invoking DocumentViewer.GotoPage.
After CreateDocumentViewer returns, you can further customize or use this ImageViewer control as needed by your application.
Example
For an example, refer to DocumentViewer.Thumbnails.
Requirements
