Click here to Skip to main content
14,135,592 members
Click here to Skip to main content
Add your own
alternative version


23 bookmarked
Posted 9 Sep 2005

Finally a Horizontal Scroll Bar List Box in ASP.NET!

, 9 Sep 2005
Rate this:
Please Sign up or sign in to vote.
Implementing a horizontal scroll bar ListBox in ASP.NET.

List Box with Horizontal Scroll Bar


Have you ever imagined putting a horizontal scroll bar in a list box? As we are living in a high speed internet world, everybody wants their web application to look exactly similar to Windows applications and this article will explain how easily we can create a horizontal scroll bar using ASP.NET.


See the image given below. You have a list box which is supposed to hold a long text and the width won't fit into the listbox's width.

List Box with Horizontal Scroll Bar

Have you ever thought about changing a small property to change the style to show a horizontal scroll bar?

There is nothing like that available in ASP.NET.

Easy Way

We can put this list box inside a DIV and set the style for DIV to overflow which will automatically show the scroll bar whenever necessary.

Your aspx page has the following DIV:

<div id='hello' style="Z-INDEX: 102; LEFT: 13px; OVERFLOW: 
            auto; WIDTH: 247px; POSITION: absolute; TOP: 62px; HEIGHT: 134px" >

Important style you need to note is:


inside the style element.

Now you can put your asp:listbox inside the DIV definition. Inside your code behind class' page_load function, you need to define the width and height of the list box properly, so that it won't overflow with the DIV.

Server side code looks as given below:

private void Page_Load(object sender, System.EventArgs e)
    if (!IsPostBack)
        //Load all items in the list box.
        int nItem = Convert.ToInt32(ListBox1.Items.Count * 17);
        ListBox1.Height = nItem; //Set height depends on the font size.
        ListBox1.Width = 800; //This will ensure the list item won't be shrinked!

Points of Interest

Nobody likes this way of implementing this. But as long as this meets the business requirements, everybody will be happy.


  • August.22.2005 - version 1.0.


This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


About the Author

Software Developer
United States United States
No Biography provided

You may also be interested in...

Comments and Discussions

Generalnot working [modified] Pin
Member 38761247-Oct-08 0:14
memberMember 38761247-Oct-08 0:14 
GeneralAwesome.. Pin
Rohan Murli7-Aug-08 10:07
memberRohan Murli7-Aug-08 10:07 
GeneralHorizontal ScrollBar on an ASP.NET listbox... Pin
Raymond Glaser13-Jul-08 10:55
memberRaymond Glaser13-Jul-08 10:55 
GeneralAdvanced ListBox Component Pin
danludwig21-Jun-07 4:34
memberdanludwig21-Jun-07 4:34 
GeneralHeight Limit Pin
Manish Sharma6-Jun-07 6:38
memberManish Sharma6-Jun-07 6:38 
GeneralRe: Height Limit Pin
danludwig16-Jun-07 7:32
memberdanludwig16-Jun-07 7:32 
JokeScrollableListBox Pin
Evyatar Ben-Shitrit15-Jun-06 8:57
memberEvyatar Ben-Shitrit15-Jun-06 8:57 
GeneralPocket PC IE Pin
got2shot1-Feb-06 9:19
membergot2shot1-Feb-06 9:19 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Cookies | Terms of Use | Mobile
Web06 | 2.8.190518.1 | Last Updated 9 Sep 2005
Article Copyright 2005 by lintom
Everything else Copyright © CodeProject, 1999-2019
Layout: fixed | fluid