Firefox 1.5.0.2 scroll bar issue and IE issue.

I have ran into an issue with Firefox 1.5.0.2 that is similar to the issue I had with Grid 1.0. The vertical scroll bar is locked and I don't get a horizontal scrollbar. Works fine on IE, however the virtical scroll bar is really really really small compared to the number of rows I am displaying.

I am getting really close.. Just a couple of issue.

I am also running into what appeard to be a Column Lock bug. Where if you mouse over on one side of the lock point it shows the left selected and if you go to the other side of the lock point the right portion of the grid shows selected. Is there a work around or a fix for this issue?

i noticed something That hopefully will provide a clue. I took the developers runtime grid.html with the developers runtime and dropped it into my Firefox with that Javascript console open. It lite up like a Xmas tree with the warning below (Just a sample.. there was more). I then did the same thing with the grid.html from the trial and didnt get one warning to pop up.

Error: overlib is not defined
Source File: http://localhost:8080/report/generate-report.do?reportType=1
Line: 1
Error: nd is not defined
Source File: http://localhost:8080/report/generate-report.do?reportType=1
Line: 1
Error: Error in parsing value for property 'display'. Declaration dropped.
Source File: http://localhost:8080/runtime/styles/xp/aw.css
Line: 15
Error: Unknown property 'filter'. Declaration dropped.
Source File: http://localhost:8080/runtime/styles/xp/aw.css
Line: 15
Error: Error in parsing value for property 'display'. Declaration dropped.
Source File: http://localhost:8080/runtime/styles/xp/aw.css
Line: 16
Error: Unknown property 'text-overflow'. Declaration dropped.
Source File: http://localhost:8080/runtime/styles/xp/aw.css
Line: 16
Error: Unknown property 'text-overflow'. Declaration dropped.
Source File: http://localhost:8080/runtime/styles/xp/aw.css
Line: 16
Error: Error in parsing value for property 'display'. Declaration dropped.
Source File: http://localhost:8080/runtime/styles/xp/aw.css
Line: 16

Most of those errors are CSS errors and get dropped by FF, you need not worry about those. Make sure you are opening it from a URL and not a file:/// path.

Hmmmm.. Well I am not a big fan of getting a flood of warning in my Javascript console especially since the trial stuff does not result in the same behavior.

Any clue on why I am not getting scroll bars on Firefox and my Virtical scroll on IE is really really small compared to the 100 rows I am displaying? It is almost like the grid thinks there is more rows but I verified i am only sending it 100 CSV rows.

I am setting the Grid width and height using

obj.setStyle("width", "100%");
obj.setStyle("height", "100%");

I only set the ColumnCount and do not set the row count. I get an exception setting the row count because the data is not yet loaded when the row count call is made or is being loaded. I don't get the exception if I make the data loading synchronise.

I guess a more general question would be what are the best practices for people loading CSV from a server asynchronisly.

The trial version contains only Firefox CSS and shouldd not produce any errors (actually one in some skins - related to scrollbars color). The full version also contains CSS rules for IE which Firefox does not understand and reports as errors. I guess I could make separate IE and Firefox CSS files but that would probably make more headache on the server-side.

The problem with scrollbar might happen if your grid is inside <table> tag. In most cases it will disappear if you add style="table-layout:fixed" to the parent table(s).

Not sure what is column lock bug. Do you mean that the right header should not be highlighted when the mouse is still over the separator area?

The grid is inside an IFRAME not a table. Is there a style I can apply to the IFRAME To have it dissappear. I also see a gab above the grid on FF that I dont' see in IE.

As to the column lock issues. I use the following style

#myGrid .aw-mouseover-row {background: #bbb;}

Think of the Lock as seperating the Table into two parts (Left and Right). Left being the locked part and right the part that moves when you scroll left and right.

Well if place the mouse over the left part of the table, the background changines only on the locked part of the row. If move the mouse to the right, I only the right part of the row shows the background color while the left does not.

If I click to select the row the whole row selects.

I have also tried

#myGrid .aw-mouseover-row .aw-column-0 {background: #bbb;}
#myGrid .aw-mouseover-row .aw-column-1 {background: #bbb;}
#myGrid .aw-mouseover-row .aw-column-2 {background: #bbb;}
#myGrid .aw-mouseover-row .aw-column-3 {background: #bbb;}

and that did not work either.