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