imageViewer Property


Image viewer control.


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

Property Value

The ImageViewer control used to show the thumbnails of the document pages.


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)

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.


For an example, refer to DocumentViewer.Thumbnails.


Target Platforms

Help Version 19.0.2017.10.27
Products | Support | Contact Us | Copyright Notices
© 1991-2017 LEAD Technologies, Inc. All Rights Reserved.

Leadtools.Documents.UI Assembly