Can't Hide RadDock Border

4 posts, 0 answers
  1. Virgil Rodriguez
    Virgil Rodriguez avatar
    82 posts
    Member since:
    Oct 2008

    Posted 30 Dec 2011 Link to this post

    Hello Telerik,

    I can't seem to hide my RadDock's border no matter what. I've tried all the options below but it still shows (see attached screenshot):

    In my code behind:

    Dim rd As New RadDock
    rd.ID = "Dock1"
    rd.DockMode = DockMode.Docked
    rd.DockHandle = DockHandle.None
    rd.ControlStyle.BorderStyle = BorderStyle.None
    rd.ControlStyle.BorderWidth = 0
    rd.Resizable = False
    rd.BorderStyle = BorderStyle.None
    rd.BorderWidth = 0
    rd.ContentContainer.BorderStyle = BorderStyle.None
    rd.ContentContainer.BorderWidth = 0

    In my .ASPX file:

    <style type="text/css">
        /* Remove border on all docks */
        .rdTable, .rdTop, .rdMiddle, .rdBottom    
            border-width: 0px !important;   
            border-style: none !important;

    I'm out of ideas. Am I missing something else?

    Thanks for any help.

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 Jan 2012 Link to this post


    Take a look into the following forum thread which discussed the same.
    Dynamically remove border of RadDock

  3. Slav
    Slav avatar
    1359 posts

    Posted 03 Jan 2012 Link to this post

    Hello Virgil,

    As stated in the linked forum thread, the RadDock doesn't use the properties that configure the borders. In order to achieve the desired effect you should modify the styles of the control's skins. The example below will demonstrate another solution for removing the background of the borders on the markup of the page (you can move the used CSS styles in a stylesheet file if you wish):

    This sample should be placed in the head section of the page:
    <style type="text/css">
        .rdDisabled .rdMiddle .rdLeft,
        .rdDisabled .rdMiddle .rdRight,
        .rdDisabled .rdBottom .rdLeft,
        .rdDisabled .rdBottom .rdCenter,
        .rdDisabled .rdBottom .rdRight
            background-image: none !important;

    By setting the CSS class rdDisabled in the property CssClass of the RadDock, you will apply the styles, defined above.
    <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px" CssClass="rdDisabled">

    I hope that helps. Feel free to contact us again if you encounter more difficulties.

    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  4. KOGAN
    KOGAN avatar
    4 posts
    Member since:
    Mar 2011

    Posted 04 Nov 2015 in reply to Slav Link to this post

    Thanks a lot! Good solution!
Back to Top