| Leadtools.Controls Namespace > ImageViewer Object : ViewLayout Property |
get_viewLayout();
set_viewLayout(value);
Object.defineProperty('viewLayout');
| Type | Description |
|---|---|
| ImageViewerViewLayout | The view layout used by this ImageViewer. Default value is an instance of ImageViewerSingleViewLayout. |
For more information, refer to Image Viewer Layouts.
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:
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);