:: Forum >>

Horizontal Scroll Bar - Grid

I changed this line
#myGrid {width: 80%; height: 80%;}
in ActiveWidgets/examples/grid behavior - scrolling/static.htm

When the browser window is small, the horizontal scroll bar appears.

But if my horizontal browser size is big, and I can see the entire table there is no horizontal scroll bar. (It is expected). But when i reduce the window horizontally, the horizontal scroll bar doesn't appear.

I need to refresh the page for the horizontal scroll bar to appear.

How do i make the horizontal scroll bar visible, as I change the size of the window? (from max to a small size)


<style type="text/css">

#myGrid {width: 80%; height: 80%;}
#myGrid .aw-alternate-even {background: #eee;}

</style>
Marc.
Tuesday, December 22, 2009
This should work out of the box in IE. In other browsers you should add the patch described here -

http://www.activewidgets.com/javascript.forum.25598.1/grid-scrollbars-overflow-not-correct.html

Here is the code -

if (!AW.ie){
window.addEventListener('resize', function(event){
var i, r = document.evaluate('//span[@onresize]', document, null, 6, null);
for (i=0; i<r.snapshotLength; i++){
var node = r.snapshotItem(i);
if (node.getAttribute('onresize') == 'AW(this,event)'){
AW(node, event);
}
}
}, false);
}
Alex (ActiveWidgets)
Wednesday, December 23, 2009

This topic is archived.


Back to support forum

Forum search