Unfortunately there is no quick way to add shadows to an element just by using CSS. Actually CSS3 allows us to apply shadows to any HTML element, but all available Internet Explorer versions (6,7,8) does not support it. The expectations are, that Internet Explorer 9 will support CSS3, but the problem with previous versions still exists. Please, find bellow a sample code, showing how to add a shadow to RadDock using CSS3. It will work in latest version of Firefox, Opera, Safari and Chrome:
et tempus nisl aliquet in. Nam vitae mauris lobortis velit euismod rhoncus. Nullam
dui sem, sollicitudin id volutpat tempus, vestibulum eu urna. Pellentesque tortor
orci, pretium et imperdiet eu, feugiat sit amet magna. Ut tempor sem quis orci facilisis
commodo.
</div>
</ContentTemplate>
</telerik:RadDock>
</form>
</body>
</html>
As for Internet Explorer, I would suggest you to take a look at a new technique, that allows developers to use some CSS3 rules in all IE versions. It is called CSS3 PIE. PIE is a utility for Internet Explorer (currently versions 6-8) which gives it the ability to parse and render a number of the most useful CSS3 properties.
We do not use it for our controls and of course we do not support it, and it will be your decision to use it or not. I have tested it, and it seems it really allows you to apply CSS3 properties to IE. However, this is still beta version and I don`t know how stable it would be.
Greetings,
Bojo
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items