Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Dock > Can't Hide RadDock Border

• Virgil Rodriguez

  Posted on Dec 30, 2011 (permalink)

  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.

  Attached files

  • RadDockBorder.jpg

  Reply

• Princy MVP

  Posted on Jan 2, 2012 (permalink)

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

  Reply


• Slav Slav

  Posted on Jan 3, 2012 (permalink)

  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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Dock > Can't Hide RadDock Border