Click here to Skip to main content
Click here to Skip to main content

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

Introduction

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.

Problem

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:

OVERFLOW: auto

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.

History

  • August.22.2005 - version 1.0.

License

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

Share

About the Author

lintom
Software Developer
United States United States
No Biography provided

Comments and Discussions

 
Generalnot working [modified] PinmemberMember 38761247-Oct-08 0:14 
GeneralAwesome.. PinmemberRohan Murli7-Aug-08 10:07 
GeneralHorizontal ScrollBar on an ASP.NET listbox... PinmemberRaymond Glaser13-Jul-08 10:55 
GeneralAdvanced ListBox Component Pinmemberdanludwig21-Jun-07 4:34 
GeneralHeight Limit PinmemberManish Sharma6-Jun-07 6:38 
GeneralRe: Height Limit Pinmemberdanludwig16-Jun-07 7:32 
JokeScrollableListBox PinmemberEvyatar Ben-Shitrit15-Jun-06 8:57 
GeneralPocket PC IE Pinmembergot2shot1-Feb-06 9:19 

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

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

| Advertise | Privacy | Mobile
Web01 | 2.8.140827.1 | Last Updated 9 Sep 2005
Article Copyright 2005 by lintom
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid