Tuesday, April 04, 2006

Horizontal scrollbars for ListBox Control

Absence of horizontal scrollbar in Listbox Control has haunted web application developers lot including yours truely. But a minor tweak can help us do the same easily.

You can use a the listbox inside a div tag

<div id='hello' style="Z-INDEX: 102; OVERFLOW: auto; WIDTH: 100px; POSITION: static; HEIGHT: 100px" >

<select size="6" multiple="true" id="iistbox" height="100px" width="100px">
<option>put some big string here</option>
<option>11111111111111111111111</option>
</select>

</div>