auto-height sometimes miscalculated

Suite and Optimus Suite 5
#1

Hi there,

  I've been working with the grid and stumbled upon a strange bug. Upon using these two parameters together:

mygrid.enableMultiline(true);
mygrid.enableAutoHeight(true);

The browser will incorrectly calculate the height of the grid and some lines will not be displayed correctly (see my screenshot). A simple refresh of the page solves the problem, but this step is rather annoying. Also, this bug happens when I close my browser, reopen it and then go to the grid (what I’ll call the first display of the data). Once the data’s been loaded correctly once, the rendering is correct, but the very first time, it seems to forget about the multiline or something.

I could get rid of the auto-height, but since I’m using a width of almost 100%, I’d like to avoid having a scrollbar showing up inside the div and at the right of the page, something that’s both ugly and confusing for my users.

Anyway, could someone tell me what’s going on?

Thanks

Osu

P.S. I’m using the standard version of the list, not the professional

grid.jpg1680×468 79.2 KB

#2

the images in right part - by any chance are the embed through inline html?
something like
<![CDATA[ ]]>

in such case providing fixed sizes will resolve issue
<![CDATA[ ]]>

#3

Well I’ll be damned, you were right Stanislav. Setting up fixed heights for my images (which were indeed embedded HTML) did the trick.

Thanks a bunch :slight_smile:

Osu

#4

Hi,

  It's been a while, but I have a bit of a follow-up on this height-miscalculation bug mentioned above. You see, I have another list (which has no embedded inline HTML this time around) with the same problem of a line being only half-displayed. What I need to do here is highlight certain lines based on a specific condition. Here's roughly what I do:

mygrid.loadXML("getInvaliditeStatut.php", function() {

           if(condition)  
           {
                        cellObj.setTextColor("#FF0000");
			cellObj.cell.style.fontWeight = "bold";
           }
});

After a bit of testing, I was able to determine that the actual problem lies with the “cellObj.cell.style.fontWeight” line. By making the text “bold”, I slightly increase its size which has the side-effect of increasing the overall height of the line. The problem here is that this change occurs after the list’s been rendered… and thus after its actual height’s been calculated. So, of course, since a couple of lines happen to be “bigger than anticipated”, so to speak, the bottom lines inadvertently get pushed downward and end up being partly if not completely hidden since the height is not recalculated. Is there a way to avoid/correct this?

Thanks in advance

Osu