Click here to Skip to main content
12,353,377 members (72,068 online)
Click here to Skip to main content
Add your own
alternative version

Stats

134.3K views
2.4K downloads
23 bookmarked
Posted

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

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.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160621.1 | Last Updated 9 Sep 2005
Article Copyright 2005 by lintom
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid