G26 Checkbox Table Component

Definition

List of checkbox items displayed in a tabular way.

Usage

When a list of checkbox items needs to be displayed in a tabular way. Should appear on a gray background, such as in a pc1.

Column widths can be forced to be small by using class="g26tinycol" within cells, or forced to be wide by using class="g26widecol", or just left to default.

Follow example and refer to Usage Guidelines.

This is the Optional Table Caption
	Description and File Name	Size
	Sun Java™ System Application Server Enterprise Edition Multi-language	366.66 MB
	Sun Java™ System Message Queue Enterprise Edition Multi-language	152.30 MB
	Sun Java™ System Portal Server Multi-language	461.06 MB
	Sun Java™ System Web Server Multi-language	186.53 MB
	Sun Java™ System Web Proxy Server Multi-language	171.82 MB

Copy the code below and paste into your text editor.

<div class="g26">
<form action="">
<table width="100%" summary="Downloads listed by product, filename, and size">
<caption>This is the Optional Table Caption</caption>
<thead>
<tr>

<td class="g26checkbox"><a href="#" class="toggle-all-table-checkboxes"><img src="/im/ic_checkall.gif" alt="check all / uncheck all" border="0" /></a></td>
	<th scope="col" class="g26widecol">Description and File Name</th>
	<th scope="col" class="g26tinycol">Size</th>

</tr>
</thead>
<tbody>
<tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Application Server Enterprise Edition Multi-language
	</td>
	<td class="g26tinycol">366.66 MB</td>

</tr><tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Message Queue Enterprise Edition Multi-language
	</td>
	<td class="g26tinycol">152.30 MB</td>

</tr><tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Portal Server Multi-language
	</td>
	<td class="g26tinycol">461.06 MB</td>

</tr><tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Web Server Multi-language
	</td>
	<td class="g26tinycol">186.53 MB</td>

</tr><tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Web Proxy Server Multi-language
	</td>
	<td class="g26tinycol">171.82 MB</td>

</tr>
</tbody>
</table>
</form>
</div>

No Templates Reference this

v0 x1 Checkbox Table w/ Actions

Sample
Code
Templates (0)

Follow example and refer to Usage Guidelines.

	Description and File Name	Size


	Sun Java™ System Application Server Enterprise Edition Multi-language	366.66 MB
	Sun Java™ System Message Queue Enterprise Edition Multi-language	152.30 MB
	Sun Java™ System Portal Server Multi-language	461.06 MB
	Sun Java™ System Web Server Multi-language	186.53 MB
	Sun Java™ System Web Proxy Server Multi-language	171.82 MB

Copy the code below and paste into your text editor.

</tr>
<tr class="actions">

</tr>
</thead>
<tfoot>
<tr class="actions">

</tr>
</tfoot>
<tbody>
<tr>

</tr>
<tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Portal Server Multi-language
	</td>
	<td class="g26tinycol">461.06 MB</td>

</tr>
<tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Web Server Multi-language
	</td>
	<td class="g26tinycol">186.53 MB</td>

</tr>
<tr>

<td class="g26checkbox"><input type="checkbox" /></td>
	<td scope="row" class="g26widecol">
	Sun Java&#8482; System Web Proxy Server Multi-language
	</td>
	<td class="g26tinycol">171.82 MB</td>

</tr>
</tbody>
</table>
</form>
</div>

No Templates Reference this

v0 x2 2 Column Checkbox Table Example

Sample
Code
Templates (0)

Radio buttons can be used here instead of check boxes, if needed.

Also shown here is right alignment for buttons via the class="g26right" option.

Copy the code below and paste into your text editor.

<th scope="col" colspan="4">Select one of the chapters:</th>

</tr>
</thead>
<tfoot>
<tr class="actions">

</tr>
</tfoot>
<tbody>
<tr>

<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 1</td>
	<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 6</td>

</tr>
<tr>

<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 2</td>
	<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 7</td>

</tr>
<tr>

<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 3</td>
	<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 8</td>

</tr>
<tr>

<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 4</td>
	<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 9</td>

</tr>
<tr>

<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 5</td>
	<td class="g26checkbox g26tinycol"><input type="checkbox" /></td>
	<td>Chapter 10</td>

</tr>
</tbody>
</table>
</form>
</div>

No Templates Reference this

v1 Checkbox Table With Subsections

Sample
Code
Templates (0)

Follow example and refer to Usage Guidelines.

Product		License Agreement
Solaris 10 Operating System
	Solaris 10 1/06	View
	Sun Update Connection	View
Desktop Infrastructure
	Sun Secure Global Desktop	View
	Sun Ray Server Software	View
Sun Java Enterprise System
	Sun Java Enterprise System	View
	Sun Java Application Platform Suite	View
	Sun Java Availability Suite	View
	Sun Java Communications Suite	View
	Sun Java Identity Management Suite	View
	Sun Java Web Infrastructure Suite	View
Development Tools
	NetBeans	View
	Sun Studio	View
	Sun Java Studio Creator	View
	Sun Java Studio Enterprise	View
N1 Software/Grid Technology
	Sun Management Center	View
	Sun N1 Grid Engine	View
	Sun N1 Service Provisioning System	View
	Sun N1 System Manager	View

Copy the code below and paste into your text editor.

<div class="g26">
<form action="">
<table width="100%" id="dnld_products" summary="products and licenses">

<thead>
	<tr>
	<th scope="col" class="g26widecol" colspan="2">Product</th>
	<th scope="col" class="g26tinycol g26right">License Agreement</th>
	</tr>
	</thead>

<tbody class="subsect">
	<tr class="subheading"><th colspan="3" scope="col">Solaris 10 Operating System</th></tr>
	<tr><td class="g26checkbox"><input type="checkbox" name="foo1" value="foo" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Solaris 10 1/06</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" name="foo2" value="foo" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Update Connection</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	</tbody>

<tbody class="subsect">
	<tr class="subheading"><th colspan="3" scope="col">Desktop Infrastructure</th></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Secure Global Desktop</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Ray Server Software</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	</tbody>

<tbody class="subsect">
	<tr class="subheading"><th colspan="3" scope="col">Sun Java Enterprise System</th></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Enterprise System</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Application Platform Suite</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Availability Suite</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Communications Suite</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Identity Management Suite</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Web Infrastructure Suite</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	</tbody>

<tbody class="subsect">
	<tr class="subheading"><th colspan="3" scope="col">Development Tools</th></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">NetBeans</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Studio</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Studio Creator</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Java Studio Enterprise</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	</tbody>

<tbody class="subsect">
	<tr class="subheading"><th colspan="3" scope="col">N1 Software/Grid Technology</th></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun Management Center</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun N1 Grid Engine</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun N1 Service Provisioning System</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	<tr><td class="g26checkbox"><input type="checkbox" /></td><th scope="row" class="g26widecol"><a href="{linkplaceholder}">Sun N1 System Manager</a></th><td class="g26tinycol g26right"><a href="{linkplaceholder}">View</a></td></tr>
	</tbody>

</table>
</form>
</div>

G26 Checkbox Table

Include:

Definition

Usage

v0 Checkbox Table

No Templates Reference this

v0 x1 Checkbox Table w/ Actions

No Templates Reference this

v0 x2 2 Column Checkbox Table Example

No Templates Reference this

v1 Checkbox Table With Subsections

No Templates Reference this