APNSoft.com - Web Controls, components for ASP.NET
 About Us 
 Articles 
 Products
 Downloads 
 Purchase
 Support

ComboBox
Controls Suite 4.5


Overview
Features
Reference Book
Live Demos
Populating with Data
Appearance
Skins
With Icons
Background Image
Transparency
Shadow
Behavior
Programming
Application scenarios




CSS Shadow:
PNG Shadow:



APNSoft ComboBox supports two types of shadows: CSS and PNG. To add CSS shadow to the DropDown List, modify the .ListDIV{} class in the CSS Style:

/*DropDown List: DIV*/
.ListDIV
{
    ...
    -moz-box-shadow: 2px 2px 3px #C5C5C5; 
    -webkit-box-shadow: 2px 2px 3px #C5C5C5; 
    box-shadow: 2px 2px 3px #C5C5C5; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C5C5C5')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C5C5C5');
}



PNG shadow supports transparency and looks identical in all browsers. To add PNG shadow to the DropDown List, add the following images to your Skin Folder:
  • ShadowBottom.png
  • ShadowCorner.png
  • ShadowLeft.png (optional)
  • ShadowRight.png




Code Samples:


© 2003-2017 APNSoft. All rights reserved.    Terms of use.