Cell border for ListBox

[Ed]

Is it possible to have one?  I simply want a ListBox with lines separating the items in it; but I don't want to make an item template.  I know the RadGrid allows cell borders but haven't seen any examples of a ListBox with them on the website.

Thanks,

Ed Graham

[Genady Sergeev]

Hi Ed,

You can use the following css:

  <style type="text/css">
        .rlbItemBorder
        {
            border-bottom: solid 2px teal !important;
        }
    </style>

in conjunction with this JavaScript in order to obtain the desired view. Instead of teal, you can use any other color instead.

$(document).ready(function() {
            var listBox = $find("RadListBox1");
            $(".rlbItem", listBox.get_element())
                .addClass("rlbItemBorder");
            $(".rlbItem:last", listBox.get_element())
                .removeClass("rlbItemBorder");
        });

I have attached sample project that demonstrates the approach.

Best wishes,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.