5 Answers, 1 is accepted
1) C:\Program Files\Telerik\RadControls for ASPNET AJAX Q1 2008\Skins\Dock.Default.css
padding-right:5px; /remove this line
border: 1px solid #b8b8b8;
padding: 5px 0 0 5px; /remove this line
2) C:\Program Files\Telerik\RadControls for ASPNET AJAX Q1 2008\Skins\Dock.css
padding: 4px !important; /remove this line
This page (http://www.telerik.com/help/aspnet-ajax/dock_appearancecss.html) is an excellent resource for designing skins.
In there, I learned that the class for the dock zone is "raddockzone RadDockZone_Default rdVertical". The first class to be referenced is the base class for the dockzone from Telerik. When you look at the corresponding file in the Telerik installation files, the very last thing in that file is:
padding: 4px !important;
This explains the 4 pixels between the dock zone and the dock object.
I'm curious to know, Telerik, why this is there.
Thank you for the kind words about the help article.
If you need to set another padding to a zone with id RadDockZone1 - 2px, for example, you can add the following style between the head tags of the page:
Let us know if you need further assistance.
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Yes, the new documentation on skinning is awesome. I've found all of the articles and training on creating a skin from another, but none of them went into the details of explaining the CSS classes. I finally stumbled upon this new documentation (I assume it's new), and I just LOVE it! Thank you!
And thanks for this explanation. Actually, I was just playing around with skinning by starting with an empty CSS file and building it up piece by piece. I found the padding, but couldn't manipulate it directly. I understand the needs to avoid the scroll bars having read the other posts and even experiencing it in the past.
I appreciate the information should I need it.
Thank you for your great support!