AW Grid size

Hello AW
I've just purchased AW 2.0.2 for use with Content Management System Joomla. I am new to web apps so consider me as a newbie. I am inserting PHP files into Joomla 1.6 articles. I'm scavenging code from this site as I can to learn; .../AW. grid.examples/php-mysql.html is the example I have used to put mySQL data into a grid. I would like to make the grid wider and deeper. I have found comments in .../aw.system.html/setsize.html which indicate the grid width and height can be changed. I have not yet got this to work.

Is there anywhere a working example of how to alter a grid's size?

Yes, setSize() should work, here is an example -

var obj = new AW.UI.Grid;
obj.setSize(800, 400);
obj.setCellData("cell");
obj.setHeaderText("header");
obj.setColumnCount(10);
obj.setRowCount(10);
document.write(obj);

Alternatively you can set grid size using an #id and CSS rules, for example,

<style>
#myGrid {
  width: 100%;
  height: 200px;
}
</style>
<script>
var obj = new AW.UI.Grid;
obj.setId('myGrid');
...
</script>

But do not mix those two - CSS rules with #id selector will have higher priority than setSize() call.

Thanks you Alex. Now I'll look for cell width, cell font, size and colour, ....
So far so good using Joomla 1.5 as the Content Manager; using Plugin Jumi to insert PHP code, and embedding ActiveWidgets code in the PHP code.