This is a migrated thread and some comments may be shown as answers.
Cell border for ListBox
1 Answer 28 Views
This is a migrated thread and some comments may be shown as answers.
Ed
Top achievements
Rank 1
Ed asked on 25 Sep 2009, 10:04 AM
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

1 Answer, 1 is accepted

Sort by
0
Genady Sergeev
Telerik team
answered on 26 Sep 2009, 07:11 AM
Hi Ed,

You can use the following css:

  <style type="text/css"
        .rlbItemBorder 
        { 
            border-bottomsolid 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.
Asked by
Ed
Top achievements
Rank 1
Answers by
Genady Sergeev
Telerik team
Share this question
or