Removing Padding between Content and Dock

6 posts, 0 answers
  1. S S
    S S avatar
    3 posts
    Member since:
    Mar 2010

    Posted 08 Mar 2010 Link to this post

    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>

     

  2. S S
    S S avatar
    3 posts
    Member since:
    Mar 2010

    Posted 09 Mar 2010 Link to this post

    Alternatively, how do I change the color of the gap between the Content and the Dock? Thanks.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. S S
    S S avatar
    3 posts
    Member since:
    Mar 2010

    Posted 09 Mar 2010 Link to this post

    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.
  5. mamad
    mamad avatar
    14 posts
    Member since:
    Apr 2007

    Posted 10 Mar 2010 Link to this post

    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> 

  6. Jim
    Jim avatar
    31 posts
    Member since:
    Jun 2009

    Posted 11 Mar 2010 Link to this post

    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.


  7. mamad
    mamad avatar
    14 posts
    Member since:
    Apr 2007

    Posted 12 Mar 2010 Link to this post

    thank's - Jim - it's really work good ,
    thank's alot for this CSS .
    my problem be fix
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017