3.2.0

Last rows hidden under the bottom margin

Hi,

2 grids build by the same server code, but behaving differently:
- http://foxincloud.com/tutotest/bs/dataUpdate.tuto : all rows accessible
- http://foxincloud.com/tutotest/bs/Eventlog.tuto : when you move the cursor down the rows using the down arrow key, at some point the current row is hidden under the bottom margin.

If I add
oGrid.raiseEvent("paint");

after
oGrid.refresh();

all grid rows are visible but their height grows indefinitely after each refresh()

How to solve that?
Thierry Nivelet (FoxInCloud)
November 28,
PS: whenever you need to execute some grid's method, you can get a reference this way:
jQuery('#id_of_container').prop('oGrid')


Exemple for http://foxincloud.com/tutotest/bs/Eventlog.tuto :
jQuery('#eventlog_scx-grd-grd').prop('oGrid')
November 28,
Somehow both show the same issue now, which is related to strict mode css.

line 92 tuto.css
.aw-grid-row {border-bottom: 1px solid lightblue;}

line 107 in FoxInCloud.css
.aw-strict .aw-grid-row {padding-bottom:4px; } /* sizing adjustment for standards mode doctype - leave 4px!*/

Basically, as your comment says, the solution is to reduce the padding to 3px so the total (with bottom border) is 4px. That fixes row height calculations and everything should work then.
Alex (ActiveWidgets)
December 11,
Thanks, works fine now
December 14,

This topic is archived.


Back to support forum