imageViewer Property

Summary

Image viewer control.

Syntax
TypeScript
JavaScript
Object.defineProperty(DocumentViewerThumbnails.prototype, 'imageViewer', 
	get: function() 
) 
imageViewer: ImageViewer; // read-only 

Property 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

Center

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 Using the LEADTOOLS Document Viewer.

Requirements

Target Platforms

Help Version 20.0.2019.10.14
Products | Support | Contact Us | Intellectual Property Notices
© 1991-2019 LEAD Technologies, Inc. All Rights Reserved.

Leadtools.Document.Viewer Assembly