imageDropShadow Property

Summary

Images drop shadow properties

Syntax

JavaScript Syntax

Object.defineProperty(ImageViewer.prototype, 'imageDropShadow', 
	get: function(), 
	set: function(value) 
)

TypeScript Syntax

imageDropShadow: ControlDropShadowOptions;

Property Value

The images drop shadow properties. Default value is the return value from ControlDropShadowOptions.CreateDefault (invisible drop shadow).

Remarks

For more information, refer to Image Viewer Appearance.

Example

Run the demo, click the Example and the code will trigger drop shadow between view, image and none.

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

// Add view margin and item padding. The drop shadow are rendered inside these paddings 
this._imageViewer.viewMargin = new lt.Controls.ControlPadding(20); 
this._imageViewer.itemPadding = new lt.Controls.ControlPadding(20); 
// Add a border style for both 
this._imageViewer.imageBorderThickness = 1; 
this._imageViewer.viewBorderThickness = 1; 
 
alert("No drop shadow"); 
 
// Show the view drop shadow 
var dropShadow = this._imageViewer.viewDropShadow; 
dropShadow.isVisible = true; 
this._imageViewer.viewDropShadow = dropShadow; 
alert("View drop shadow"); 
dropShadow.isVisible = false; 
this._imageViewer.viewDropShadow = dropShadow; 
 
// Show the image drop shadow 
dropShadow = this._imageViewer.imageDropShadow; 
dropShadow.isVisible = true; 
this._imageViewer.imageDropShadow = dropShadow; 
alert("Image drop shadow"); 
dropShadow.isVisible = false; 
this._imageViewer.imageDropShadow = dropShadow; 
 
// Back to no drop shadow 
alert("No drop shadow");

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