viewLayout Property

Summary

View layout used by this ImageViewer.

Syntax

JavaScript Syntax
Object.defineProperty(ImageViewer.prototype, 'viewLayout', 
	get: function(), 
	set: function(value) 
) 
TypeScript Syntax
viewLayout: ImageViewerViewLayout; 

Property Value

The view layout used by this ImageViewer. Default value is an instance of ImageViewerSingleViewLayout.

Remarks

For more information, refer to Image Viewer Layouts.

Example

This example will add a few items to the ImageViewer and then allows you to switch between different view layouts to see the differences.

Run the demo. Now when you click the Example button.

Start with the ImageViewer example, remove all the code inside the example function (search for the "// TODO: add example code here" comment) and insert the following code:

JavaScript Example
var layout = new lt.Controls.ImageViewerHorizontalViewLayout(); 
layout.rows = 2; 
this._imageViewer.viewLayout = layout; 
this._imageViewer.updateTransform(); 
this._imageViewer.invalidate(lt.LeadRectD.empty); 
 
var msg = 
   "Layout.Name = " + this._imageViewer.viewLayout.name + "\n" + 
   "Layout.SizeModeHeight = " + this._imageViewer.viewLayout.sizeModeHeight + "\n" + 
   "Layout.SizeModeHeightItemCount = " + this._imageViewer.viewLayout.sizeModeHeightItemCount + "\n" + 
   "Layout.SizeModeWidth = " + this._imageViewer.viewLayout.sizeModeWidth + "\n" + 
   "Layout.SizeModeWidthItemCount = " + this._imageViewer.viewLayout.sizeModeWidthItemCount; 
alert("ImageViewerLayout Information" + msg); 

Requirements

Target Platforms

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

Leadtools.Controls Assembly