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

Reference

ImageViewer Class

ImageViewer Members

Leadtools.Controls Namespace

Help Version 19.0.2017.10.27

Leadtools.Controls Assembly

Introduction

Getting Started

Namespaces

Leadtools.Controls Namespace

Assemblies