:: Forum >>

Bug with horizontally scrolled wide grids

This bug is in AW 2.5.3 with both FF2.x and IE6.

With a very wide grid that's limited by a fixed display width that forces a horizontal scroller, the very last column is truncated by a few pixels at its right edge.

I can work around this by adding a fake column heading at the end of the array of header strings (i.e. '... , ""]' will suffice) and adding a CSS for the fake column's width -
.aw-column-35 {width:9px}
Data for the fake column isn't required.

I haven't been able to work out with Firebug why this happens.
Anthony
Wednesday, November 26, 2008
Hello.
Can this bug cause the column to be misaligned respect to the headers in the right of a few pixel, by chance?
Fily84
Thursday, May 21, 2009
I don't recall seeing it. Unfortunately, I no longer work at the same place. I still have my scripts but I'll need to fashion up some dummy data to check.
Anthony
Thursday, May 21, 2009
I don't know if this is the right place to tell this, but I found that the bug i said before was caused by this doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (in IE7).
Does anyone know how it's possible?
Fily84
Monday, May 25, 2009
This is how css box model works with 'standards-mode' doctype - the width is applied to the cell content (excluding padding and borders). If you are adding 1px cell border you have to reduce padding by 1px to keep the actual cell width the same.
Alex (ActiveWidgets)
Tuesday, May 26, 2009
Thanks for the news :)
Fily84
Friday, May 29, 2009
I thought I'd put up an example to illustrate this bug. It can be viewed here -
http://www.users.on.net/~asm/bug/

3 tabs should be visible. (IE has a problem displaying the first tab's contents correctly in some of its versions. I've found that minimising and restoring it works in some versions that don't display it the first time. For IE 8, that doesn't work either but I've found that changing the text size (View -> Text Size) does.)

Of the 3 tabs, the first doesn't have a padding column appended. So its last column is truncated. The 2nd tab does have a padding column but I've set its width at 3 pixels. The 3rd tab has its padding column set to a width of 9 pixels as I described above in my first message.

The 3rd tab is the only one that displays the last column correctly. All the columns are aligned with their headers.
Anthony
Thursday, June 4, 2009
I've finally worked out what was causing this problem while I was working on a new grid.

It was an extrawide grid but I hadn't put in row selectors yet. I noticed that the last column of the grid wasn't truncated. But once I added row selectors, it was.

It turns out it was caused by the CSS directive for the row selector. I've always added a width for it since it was easier doing it that way. E.g. -
.aw-row-selector {color: red; width: 30px; text-align: right}
Unfortunately, the wider you make it via CSS, the narrower the last field becomes.
Anthony
Friday, June 26, 2009

This topic is archived.


Back to support forum

Forum search