Hi I have a RadDock and a ContentTemplate. There is a gap between the content and the container on the left, right and bottom edges.
How do I remove this gap? Thanks!
How do I remove this gap? Thanks!
<
telerik:RadDock ID="RadDock4" runat="server" Width="100%" Title="<span class=RadDockTitleBar>Online Correspondence</span>" EnableEmbeddedSkins="false" Skin="REMDefault">
<ContentTemplate>
<div style="background-color:Blue;margin:0px;padding:0px">TEST</div>
</ContentTemplate>
</telerik:RadDock>
5 Answers, 1 is accepted
0
S S
Top achievements
Rank 1
answered on 09 Mar 2010, 10:29 AM
Alternatively, how do I change the color of the gap between the Content and the Dock? Thanks.
0
S S
Top achievements
Rank 1
answered on 10 Mar 2010, 02:51 AM
For anyone else trying similar things, what worked for me is to use the DOM Inspector in IE8 and click and identify the ID of each element that I had problems with and then change its style.
0
mamad
Top achievements
Rank 2
answered on 10 Mar 2010, 07:04 PM
i have similar problem with dock content padding
plz help me for fix this problem
you can see my docked aspx code below:
plz help me for fix this problem
you can see my docked aspx code below:
| <telerik:RadDock ID="RadDock2" runat="server" Width="210px" CloseText="خروج" |
| ForbiddenZones="RadDockZone2,RadDockZone3" |
| DockMode="Docked" |
| Skin="Windows7" |
| CssClass="dock" |
| CollapseText="کوچک کردن" ExpandText="بزرگ کردن" Font-Names="Tahoma" |
| Font-Size="9pt" Text="دنبال چه می گردید؟"> |
| <TitlebarTemplate> |
| <div style="font-family:Tahoma;font-size:12px;width:120px;float:right; |
| padding:5px;">دنبال چه می گردید؟</div> |
| </TitlebarTemplate> |
| <ContentTemplate > |
| <div style="font-family:Tahoma;font-size:12px; |
| text-align:justify;padding:0px;"> |
| <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" Skin="Windows7" |
| style="margin-left: 0px" Width="190px"> |
| <Items > |
| <telerik:RadMenuItem runat="server" Font-Names="Tahoma" Font-Size="9pt" |
| Text="آپارتمان"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Font-Names="Tahoma" Font-Size="9pt" |
| Text="ویلا"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Font-Names="Tahoma" Font-Size="9pt" |
| Text="زمین"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Font-Names="Tahoma" Font-Size="9pt" |
| Text="ملک تجاری"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Font-Names="Tahoma" Font-Size="9pt" |
| Text="ملک مسکونی"> |
| </telerik:RadMenuItem> |
| <telerik:RadMenuItem runat="server" Font-Names="Tahoma" Font-Size="9pt" |
| Text="مستغلات"> |
| </telerik:RadMenuItem> |
| </Items> |
| </telerik:RadMenu> |
| </div> |
| </ContentTemplate> |
| </telerik:RadDock> |
0
Jim
Top achievements
Rank 1
answered on 11 Mar 2010, 05:09 PM
Try the following CSS:
Please know that this will remove the padding to every dock present on the page.
| <style type="text/css"> |
| .rdLeft, .rdRight, .rdBottom |
| { |
| display: none !important; |
| } |
| .RadDock |
| { |
| border: 1px solid #828282; |
| border-top: none; |
| } |
| </style> |
Please know that this will remove the padding to every dock present on the page.
0
mamad
Top achievements
Rank 2
answered on 12 Mar 2010, 08:27 PM
thank's - Jim - it's really work good ,
thank's alot for this CSS .
my problem be fix
thank's alot for this CSS .
my problem be fix