LEADTOOLS JavaScript (Leadtools.Controls)
Products | Support | Email a link to this topic. | Send comments on this topic. | Back to Introduction | Help Version 19.0.4.3
ImageDropShadow Property
Show in webframe
| Leadtools.Controls Namespace > ImageViewer Object : ImageDropShadow Property |
get_imageDropShadow();
set_imageDropShadow(value);
Object.defineProperty('imageDropShadow');
| Type | Description |
|---|---|
| ControlDropShadowOptions | 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:
// 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");