I found a couple of posts on this subject but no actual step by step instructions. Can someone tell me exactly how to achieve round corners on the rad docks? I know you have to change the background color to match the web site in some CSS file somewhere but I cannot find it.
Thanks!
Sam
3 Answers, 1 is accepted
0
Martin
Telerik team
answered on 14 Apr 2009, 05:47 AM
Hi Sam,
The current implementation of RadDock allows rounded corners designs, but in order to achieve this, you have to set the resizable property of the control to "true". Then you will have enough elememts to stick to in order to create rounded corners designs. Once you set the resizable="true", use Internet Explorer Developer Toolbar or FireBug to inspect the new corner, top and side elements of RadDock. You will now have a couple of additional classes and elements that wrap the dock: .rdLeftMiddle, .rdTopLeft, .rdTopCenter, etc that you can use and add the necessary images to achieve roundness. You may test this on the following page (RadDock 2 is resizable):
Thanks for the information, what do you mean by this? "use Internet Explorer Developer Toolbar or FireBug to inspect the new corner" , I don't understand what you are saying.
These two things are tools that allow you to view the content of your page in a kind of a treeview (they do more - but in this case it's about the elements of the page). Take a look at the screenshots on the firebug link provided below - I guess that explains better what I mean.
If you have IE8 try pressing F12. (I'm not sure if this feature is installed by default).