Grid
Use the Grid part to arrange the information on your page in a tabular format. The Grid part generates the HTML element table. After you have added an Grid part to your page, you can modify it to add or remove rows or columns, and you can place other Web Connection parts inside the cells of the grid.
Note:
The Table part also generates HTML table elements. However, Table is intended specifically for presenting the results of database queries, while Grid is intended for page layout.
To add a Grid part, select the Web Connection Category ( Web Connection Category), then the Grid part ( Grid icon). You can also add the part using the Add Part dialog and specifying the class name, AbtHtmlGrid.
Grid Properties
The Grid part has the following properties:
align
border
width
 
align
Use the align property to specify how you want the element to be aligned on the Web page. You can select any of the following values from the drop-down list:
Top
Middle
Bottom
<Default> (Browser default)
In addition, you can specify an alignment by typing the appropriate string directly into the field. Do this if you want to specify a special alignment supported by your browser but not directly supported by VA Smalltalk. VA Smalltalk will use the specified alignment string when generating HTML at run time, but will use its default alignment at edit time.
This property is equivalent to the align attribute of the appropriate HTML element.
alignHorizontal
Use the alignHorizontal property to specify how the information in the data cell is aligned horizontally. Valid values are:
<Default> (browser default)
Left
Center
Right
In addition, you can specify other alignments supported by your browser by typing the appropriate string directly into the field.
This property is equivalent to the align attribute of the HTML td tag.
alignVertical
Use the alignVertical property to specify how the material in the data cell is aligned vertically. Valid values are:
<Default> (browser default)
Top
Middle
Bottom
In addition, you can specify other alignments supported by your browser by typing the appropriate string directly into the field.
This property is equivalent to the valign attribute of the HTML td tag.
border
Use the border property to specify how wide the border around the object should appear. For no border, leave the field blank or specify 0 (zero) for the border.
cellPadding
Use the cellPadding property to specify the amount of space you want to appear around the data in the cells.
This property is equivalent to the cellpadding attribute of the HTML table element.
cellSpacing
Use the cellSpacing property to specify the amount of space around the cells themselves.
This property is equivalent to the cellspacing attribute of the HTML table tag.
eventHandlers
Use the eventHandlers property to define any event handlers for this part. Event handlers provide the ability to detect and react to events that occur while an HtmlPage is loaded in a Web browser. An example of an event handler is mouse over, where you can specify when the mouse moves over an HTML element, something happens, usually a JavaScript is executed..
extraAttributes
Use the extraAttributes property to specify any additional HTML attributes that you want included in the HTML tagging generated by the part. You can use this property to include HTML attributes that are not directly supported by VA Smalltalk.
partName
In the Part name field, type the name you want to use to describe the part. For non-visual parts, this text appears under the icon for the part on the free-form surface.
The name of the part can consist of alphanumeric characters, and must be unique from all other parts on the layout surface.
This field is optional. If you do not specify a part name, VA Smalltalk generates a unique name based on the class name of the part.
width
Use the width property to specify the width of the grid. The units used are determined by the widthUnits property.
widthUnits
Use the widthUnits property to specify the units used by the width property. Select either Percent and Pixels. The default is Pixels.
Last modified date: 06/24/2018