Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ListBox > How do I remove the listbox border?

• fred williams

  Posted on Jan 12, 2011 (permalink)

  I tried the "borderstyle="none" but it didn't work. Thanks!

  Reply

• Answer Shinu MVP

  Posted on Jan 13, 2011 (permalink)

  Hello,
  
  
  Add the following CSS on page to hide the border of RadListBox.
  
  CSS:
  

  <style type="text/css">

      .RadListBox_Default .rlbGroup

      {         

          border: none !important;

      }

  </style>

  
  
  
  -Shinu.

  Reply


• fred williams

  Posted on Jan 14, 2011 (permalink)

  Perfect, thanks!

  Reply

• Albert Shenker Master

  Posted on Jan 6, 2012 (permalink)

  this solution doesn't seem to work when using header and footer templates in the listbox (in Q3 2011 controls). How can I ermov the listbox border now?

  Reply

• Kate Kate

  Posted on Jan 9, 2012 (permalink)

  Hi Albert,
  
  Depending on the appearance that you need to get you can remove the border by using one of the following css class selectors (the first one removes the outer borders of the templates of RadListBox control while the second one removes the inner ones) 
  
  

  <style type="text/css">

          div.RadListBox .rlbTemplateContainer

          {

              border-width: 0px;

          }

           

          div.RadListBox_Default .rlbGroup

          {

              border: 0px solid #8E8E8E;

          }

      </style>

  
  
  Kind regards,
  Kate
  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

• Albert Shenker Master

  Posted on Jan 10, 2012 (permalink)

  That did the trick. Thank you!

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ListBox > How do I remove the listbox border?