skip navigation
Telerik UI for ASP.NET AJAX
Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
NEW
: Design Kits for Figma
Online Training
Document Processing Library
Embedded Reporting for web and desktop
Web
Kendo UI
UI for jQuery
UI for Angular
UI for React
UI for Vue
UI for Blazor
UI for ASP.NET Core
UI for ASP.NET MVC
UI for ASP.NET AJAX
Mobile
UI for .NET MAUI
UI for Xamarin
Document Management
Telerik Document Processing
Desktop
UI for .NET MAUI
UI for WinUI
UI for WinForms
UI for WPF
Reporting & Mocking
Telerik Reporting
Telerik Report Server
Telerik JustMock
Automated Testing
Test Studio
Test Studio Dev Edition
CMS
Sitefinity
UI/UX Tools
ThemeBuilder
Design System Kit
Debugging
Fiddler
Fiddler Everywhere
Fiddler Classic
Fiddler Jam
FiddlerCap
FiddlerCore
Free Tools
VB.NET to C# Converter
Testing Framework
View all products
Overview
Demos
Roadmap
What's New
Roadmap
Release History
Migrate to Blazor
Docs & Support
Support and Learning
Support and Learning Hub
Docs
Demos
Virtual Classroom
Forums
Videos
Blogs
Accessibility and Security
Submit a Ticket
Productivity and Design Tools
Visual Studio Extensions
ThemeBuilder
Embedded Reporting
Pricing
Shopping cart
Login
Contact Us
Try now
close mobile menu
Telerik Forums
/
UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.
Cell border for ListBox
1 Answer
68 Views
ListBox
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
Add a comment
Submit comment
Cancel
1 Answer
, 1 is accepted
Sort by
Score
Date
0
Genady Sergeev
Telerik team
answered on
26 Sep 2009,
07:11 AM
listboxcellborders.zip
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.
Add a comment
Submit comment
Cancel
Answer this question
Drag and drop files here or
browse
to attach...
Browse
for files to attach...
Supported file types: PNG, JPG, JPEG, ZIP, RAR, TXT. Max total file size - 20MB.
Submit answer
Cancel
Tags
ListBox
Asked by
Ed
Top achievements
Rank 1
Answers by
Genady Sergeev
Telerik team
Share this question
or
Copy link