imageDropShadow Property


Images drop shadow properties


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).


For more information, refer to Image Viewer Appearance.


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"); 


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