In This Topic ▼

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.

Requirements

Target Platforms

Reference

DocumentViewerThumbnails Class

DocumentViewerThumbnails Members

Leadtools.Document.Viewer Namespace

imageViewer Property Usage

Download our FREE evaluation

Help Version 22.0.2023.4.18