This is a migrated thread and some comments may be shown as answers.

Removing Padding between Content and Dock

5 Answers 204 Views
Dock
This is a migrated thread and some comments may be shown as answers.
S S
Top achievements
Rank 1
S S asked on 09 Mar 2010, 05:49 AM
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!

<

 

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

Sort by
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:

             <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:

    <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
Tags
Dock
Asked by
S S
Top achievements
Rank 1
Answers by
S S
Top achievements
Rank 1
mamad
Top achievements
Rank 2
Jim
Top achievements
Rank 1
Share this question
or