Horizontal Scroll Bar for Region or Page

Question

Hi,
I have a region with 10 items in a row for data entry. If i resize the browser window or the the screen/resolution is smaller then not all items are displayed and there is no scroll bar.
How can i enable a scroll bar to be able to view all items depending on the current width of the browser?
I'm using Application Express 4.0.1.00.03
Teo

Answer 1

Teo,
You can set the div's width based on the window's width in Javascript. If you are in Apex 4 the following code can do this for you
$('#SPECIAL_DIV').width( $(window).width()/2 );$(window).width() returns a number indicating the window width.
Here the width of an HTML element ( with an ID: SPECIAL_DIV ) is set as the half of window's width.
If you want to resize the item as soon the window is resized(without refreshing the page) ,you can bind the code to the resize browser event
In jQuery, that would be
$(window).resize(function () {$('#SPECIAL_DIV').width( $(window).width()/2 ); });