G04 List Control

Include:

Developer EOL

v0 List Control
- x1 List Control w/ goto menus
- x2 List Control
v1 Horizontal Layout - w/ Input & List
- x1 Horizontal Layout
- x2 Single Line List Control
v2 Simple menu - for bottom of content space
v3 List Control - Horizontal Layout
v4 List Control w/ Stacked Label & menus
- x1 List Control w/ Stacked Label & menus using goto list

Definition

An inline form or row of links and text that allows the user to jump from page to page of a result list or to change the parameters of the query.

Usage

On pages with a result list. Specifically, Search Results, Case Studies, White Papers and Press Releases.

Show all Templates

All Templates Referencing this Component

Category B: With Topic Tabs view tagged view untagged
Get It Detail view tagged view untagged
Get It Free Trial view tagged view untagged
Get It Promotions view tagged view untagged
Get It Special Audience view tagged view untagged
Topic Tab: Overview with Finder view tagged view untagged

This design is used when there are two or more menu levels for users to navigate.

Templates:

Get It Detail view tagged view untagged
Get It Free Trial view tagged view untagged
Get It Promotions view tagged view untagged
Get It Special Audience view tagged view untagged

v0 x1 List Control w/ goto menus

Sample
Code
Templates (0)

This illustrates the G4 using menus created by our "goto" class used on an unordered list (UL) of links.

Company

Industry

No Templates Reference this

v0 x2 List Control (EOLed)

Sample
Code
Templates (0)

This is a legacy record of the updated code in the g04v0 (example x0).

Case Study Finder

You can search for Forte Fortran HPC case studies using one of the fields below.

Company:
Industry:

Copy the code below and paste into your text editor.

!!! WARNING !!!

THIS CODE IS EOL

THIS CODE IS ONLY SHOWN HERE FOR REFERENCE PURPOSES
AND MUST NOT BE USED IN NEW PROJECTS.

EXISTING PROJECTS USING THIS CODE MUST BE UPGRADED
TO USE CODE THAT IS CURRENT

===================================================

<div class="pad10x0">
<h5>Case Study Finder</h5>
<p>
You can search for Forte Fortran HPC case studies using one of the fields below.
</p></div>
<table border="0" cellpadding="1" cellspacing="0" class="dkgrey1" width="100%">
<tr><td>
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<form action="foo" method="post">
<tr class="grey1">
<td nowrap="nowrap">
<label for="f8pulldown1"><b>Company:</b></label></td>
<td width="100%">
<select id="f8pulldown1">
<option>All</option>
<option>{ long placeholder industry name }</option>
<option>{ very long placeholder industry name }</option>
</select>
</td></tr>
<tr class="grey1">
<td nowrap="nowrap">
<label for="f8pulldown2"><b>Industry:</b></label></td>
<td width="100%">
<select id="f8pulldown2">
<option>All</option>
<option>{ placeholder industry name }</option>
</select>
</td></tr>
<tr class="grey1">
<td>&#160;</td>
<td><input type="submit" value="&#160;Find &#187; " class="defbutton" onmouseover="this.style.color='#fbe249';" onmouseout="this.style.color='#FFF';" />
</td>
</tr>
</form>
</table>

</td></tr>
</table>
<span class="sp10">&#160;</span><br />
<span class="sp10">&#160;</span><br />

No Templates Reference this

v1 Horizontal Layout - w/ Input & List

Sample
Code
Templates (0)

Follow example and refer to Usage Guidelines.

No Templates Reference this

v1 x1 Horizontal Layout

Sample
Code
Templates (0)

Follow example and refer to Usage Guidelines.

No Templates Reference this

v1 x2 Single Line List Control (EOLed)

Sample
Code
Templates (0)

This is a legacy record of the updated code in the g04v1 (example x0).

You Searched for:	in in

Copy the code below and paste into your text editor.

!!! WARNING !!!

THIS CODE IS EOL

THIS CODE IS ONLY SHOWN HERE FOR REFERENCE PURPOSES
AND MUST NOT BE USED IN NEW PROJECTS.

EXISTING PROJECTS USING THIS CODE MUST BE UPGRADED
TO USE CODE THAT IS CURRENT

===================================================

<table border="0" cellpadding="1" cellspacing="0" class="dkgrey1" width="100%">
<tr><td>
<table border="0" cellpadding="8" cellspacing="0" width="100%" class="grey1">
<form action="foo" method="post">
<tr class="vamiddle">
<td nowrap="nowrap">
<label for="f9text1"><b>You Searched for:</b></label>
</td>
<td width="100%">
<input id="f9text1" type="text" />
&#160;in&#160;
<select>
<option>on Sun.com</option>
<option>on the web</option>
<option>on Sun Partner Sites</option>
</select>
&#160;in&#160;
<select>
<option>English</option>
<option>Japanese</option>
<option>Korean</option>
<option>German</option>
</select>
</td></tr>
<tr>
<td>&#160;</td>
<td><input type="submit" value="&#160;New Search &#187; " class="defbutton" onmouseover="this.style.color='#fbe249';" onmouseout="this.style.color='#FFF';" /></td></tr>
</form>
</table>

</td></tr>
</table>
<span class="sp10">&#160;</span><br />
<span class="sp10">&#160;</span><br />

No Templates Reference this

v2 Simple menu - for bottom of content space (EOLed)

Sample
Code
Templates (0)

This variation has been EOLed. The pc08v9 and the pc08v3 with the pc08v14 may be used as a replacement.

Browse Other Course Topics

Copy the code below and paste into your text editor.

!!! WARNING !!!

THIS CODE IS EOL

THIS CODE IS ONLY SHOWN HERE FOR REFERENCE PURPOSES
AND MUST NOT BE USED IN NEW PROJECTS.

EXISTING PROJECTS USING THIS CODE MUST BE UPGRADED
TO USE CODE THAT IS CURRENT

===================================================

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td class="grey3"><span class="sp5">&#160;</span></td></tr>
</table><span class="sp10">&#160;</span><br />

<h5>Browse Other Course Topics</h5>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="vatop">
<form action="{linkplaceholder}" method="post">
<tr><td>
<div class="cellpadbottom">
<select align="top" id="products" style="width:300px">
<option>-- Select a topic --</option>
<option>Topic 2</option>
<option>Topic 3</option>
<option>Topic 4</option>
<option>Topic 5</option>
</select>
<input type="submit" border="0" class="hotbutton" value="&#160;&#187;&#160;" onmouseover="this.style.color='#fbe249';" onmouseout="this.style.color='#FFF';" />
</div>
</td></tr>
</form>
</table>
<span class="sp8">&#160;</span><br />

No Templates Reference this

v3 List Control - Horizontal Layout (EOLed)

Sample
Code
Templates (0)

This variation has been replaced by the g04v1 (example x1).

Show Applications:

For:

Copy the code below and paste into your text editor.

!!! WARNING !!!

THIS CODE IS EOL

THIS CODE IS ONLY SHOWN HERE FOR REFERENCE PURPOSES
AND MUST NOT BE USED IN NEW PROJECTS.

EXISTING PROJECTS USING THIS CODE MUST BE UPGRADED
TO USE CODE THAT IS CURRENT

===================================================

<div class="g4v3">
<table border="0" cellpadding="8" cellspacing="0" width="100%" class="grey1">
<form action="index.xml" method="post">
<tr class="vamiddle">
<td nowrap="nowrap">
<label for="application"><b>Show Applications:</b></label></td>
<td nowrap="nowrap">
<select name="application">
<option value="all">All Applications</option>
<option value="4ddf2a4f-4338-11d8-8663-080020a9ed93"> Application Development</option>
<option value="8e4a799b-a27f-11d6-89d5-8f822d49731f"> Business Financial</option>
<option value="8e4a799c-a27f-11d6-89d5-8f822d49731f"> Customer Management Solutions</option>
<option value="8e4a799d-a27f-11d6-89d5-8f822d49731f"> Decision Support Data Warehouse</option>
<option value="8e4a799f-a27f-11d6-89d5-8f822d49731f"> Enterprise Resource Planning</option>
<option value="66c07d31-4338-11d8-8663-080020a9ed93"> IT Infrastructure</option>
<option value="78274ae3-4338-11d8-8663-080020a9ed93"> Scientific/Engineering</option>
<option value="89812045-4338-11d8-8663-080020a9ed93"> Web Infrastructure</option>
</select>
</td>
<td nowrap="nowrap">
<label for="product"><b>For:</b></label></td>
<td><select name="product">
<option value="all">All Storage</option>
<option value="42f3ccd6-63d5-11d7-8166-ff7512471a75"> Boot Disk Solutions</option>
<option value="425c7cf0-63d5-11d7-82de-acd137568864"> Data Center Storage</option>
<option value="41ede7ae-63d5-11d7-8650-f1fcc5591550"> Desktop Storage</option>
<option value="4237e2c8-63d5-11d7-9a68-e7ecad3b88c5"> Midrange Storage</option>
<option value="7f85dbd1-c4a0-11d8-ab52-080020a9ed93"> NAS</option>
<option value="42853a32-63d5-11d7-905b-a222e7bdf70c"> SAN</option>
<option value="038b2d3d-0c42-4652-91b3-d3d14241b313"> Tape Backup and Restore</option>
<option value="4211883a-63d5-11d7-9ff5-fa64d7b92d37"> Workgroup Storage</option>
</select>
</td>
<td nowrap="nowrap" width="100%"><input type="submit" value="&#160;&#187;&#160;" class="defbutton" name="submit"/></td></tr>
</form>
</table>
</div>

No Templates Reference this

v4 List Control w/ Stacked Label & menus

Sample
Code
Templates (2)

This design is used when there are two or more menu levels for users to navigate and vertical space is at a premium.

Copy the code below and paste into your text editor.

Templates:

Category B: With Topic Tabs view tagged view untagged
Topic Tab: Overview with Finder view tagged view untagged

v4 x1 List Control w/ Stacked Label & menus using goto list

Sample
Code
Templates (0)

This design is used when there are two or more menu levels for users to navigate and vertical space is at a premium.

Operating System

Processor