How do I remove the listbox border?

[fred williams]

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

[Shinu]

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.

[fred williams]

Perfect, thanks!

[Albert Shenker]

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?

[Kate]

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

[Albert Shenker]

That did the trick. Thank you!