bug: little bit on right of grid is cut off

I'll work on getting an example but I just wanted to see if anyone else had this problem. The grid has a bit on the right taking up the entire vertical space and maybe 10 - 15 pixels blank (about the size of a scrollbar...).

If I click the column header, this blank area will dissapear and the grid will show up in it's place. Any ideas on a workaround?

Note: this does not always happen which is why I am working on getting an example that I can reproduce. Thanks.

Are you using IE? I have not seen any problems yet on IE but there are still some issues on FireFox because it is not yet officially supported but should be in Beta 2.

Sorry, yes, I am using IE (6.0) and I have an example for you:

<script language="javascript">
var obj = new AW.UI.Tabs;
obj.setId("pifMain");
obj.setItemText(["PIF","Valuation","Due Diligence","Offers","Comments","Activities","Documents","Pictures","Calendar",]);
obj.setItemCount(9);

obj.setSelectedItems([3]);
obj.onItemClicked = function(event, index){ window.location.href = "/moses/web/properties/ShowPIF?pif=1&pifMain_tab=" + index};
obj.setControlSize(630, 22);
document.write(obj);
</script>
<div id="pifMain" style="width: 100%; margin-bottom: 5px; border: 1px solid #999; padding: 4px">
<table width="100%">
<tr>
<td valign="top" width="60%">
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td class="subHeader">Offers</td></tr>
<tr><td>
<table width="100%">
<style>
#offerDataGrid {height: 100px; width: 370px; margin: 0px; border: none; font: menu;}
#offerDataGrid .aw-column-0 {width: 24; text-align: center}
#offerDataGrid .aw-column-1 {width: 80; text-align: left}
#offerDataGrid .aw-column-2 {width: 120; text-align: left}
#offerDataGrid .aw-column-3 {width: 110; text-align: right}
.aw-row-selector {text-align: center}
.aw-grid-cell {border-right: 1px solid threedlightshadow;}
.aw-grid-row {border-bottom: 1px solid threedlightshadow;}
.aw-alternate-even {background: #FFFFFF;}
.aw-alternate-odd {background: #D6DFFF;}
.aw-grid-row {height: 20px; border-bottom: 1px solid #CCCCCC}
.aw-row-selector {width: 20px; text-align: center}
.aw-mouseover-row .aw-row-selector {color: red;}
</style>
<div style="border: solid 1px #cccccc">
<script language="javascript">
var offerData = [
[
"<img src='/static/images/icons/16x16/counter_offer.gif'/>",
"Oct 12, 2005",
"Joe Hudson",
"<a href='/moses/web/properties/ShowOffer?offer=4'>$115,000.00</a>"
],
[
"<br/>",
"Oct 12, 2005",
"Joe Hudson",
"<a href='/moses/web/properties/ShowOffer?offer=3'>$116,000.00</a>"
],
[
"<br/>",
"Sep 28, 2005",
"Joe Hudson",
"<a href='/moses/web/properties/ShowOffer?offer=1'>$117,000.00</a>"
],
];
var obj = new AW.UI.Grid;
obj.setCellText(offerData);
obj.setHeaderText(["","Created Date","Creator","Amount",]);
obj.setRowCount(3);
obj.setColumnCount(4);
obj.setSelectorVisible(true);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});
obj.setSelectorWidth(28);
obj.setHeaderHeight(20);
obj.setSelectionMode("single-row");
obj.setId("offerDataGrid");
document.write(obj);
</script>
</div>

By the way, I read the person's comment about the license not being valid. If you can fix this problem and the other problem I was having (clicking on header blanks out the whole grid) I will be happy to purchase this product whether I actually need to or not because I think it is great and I love all the new components! Keep up the good work. Thanks

Joe,

it seems that v2.0 also has problems with nested table layouts. I don't have the solution now but I am hoping to fix this before final release.

Thanks very much Alex. I hope that you can find a fix as well :)

Joe