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

Can't Hide RadDock Border

3 Answers 92 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Virgil Rodriguez
Top achievements
Rank 1
Virgil Rodriguez asked on 31 Dec 2011, 03:26 AM

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;
    }   
</style>

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

Thanks for any help.

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 02 Jan 2012, 09:50 AM
Hello,

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

Thanks,
Princy.
0
Slav
Telerik team
answered on 03 Jan 2012, 05:29 PM
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;
    }
</style>

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">
</telerik:RadDock>

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

Greetings,
Slav
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
0
KOGAN
Top achievements
Rank 1
answered on 04 Nov 2015, 11:31 AM
Thanks a lot! Good solution!
Tags
Dock
Asked by
Virgil Rodriguez
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Slav
Telerik team
KOGAN
Top achievements
Rank 1
Share this question
or