PC06 Download Widget

Include:

Developer EOL

v0 Download Widget
- x1 Download Widget, No Dropdown
v1 Download Widget w/ Login
- x1 Download Widget, w/ login w/o extra options

Definition

This component is used to provide a mechanism for downloading software from sun.com.

Usage

Used in the content area to handle download requests submitted by form.

This component should be used following lead-in content that introduces and describes what this download form is for. This component may simply be a download button. The use of the "mainoptions" and "extraoptions" DIVs are optional (see the "Download Widget, No Dropdown" example).

Copy the code below and paste into your text editor.

No Templates Reference this

v0 x1 Download Widget, No Dropdown

Sample
Code
Templates (0)

This example shows the v0 component with the optional dropdown menu removed. Although not shown, the DIV with the "extraoptions" may also be removed if not needed.

No Templates Reference this

v1 Download Widget w/ Login

Sample
Code
Templates (0)

This example shows download widget with login fields.

Copy the code below and paste into your text editor.

<div class="pc6 pc6v0">
<div class="pc6w1"><div class="pc6w2"><div class="pc6w3"><div class="pc6w4">
<form>

<fieldset>
<legend>Log In</legend>
<div class="mainoptions small">
<label for="username">User Name</label>
<input id="username" type="text"  valur="" class="textinput" />
<div class="small notetext">Example: jim23 or jim@company.com</div>
<label for="password">Password</label>
<input id="password"  type="password" value="" class="textinput" />

<ul class="bluearrows">
<li><a href="{placeholder}">Register Now</a></li>
<li><a href="{placeholder}">Why Register?</a></li>
<li><a href="{placeholder}">Need Help?</a></li>
</ul>

</div>
</fieldset>

<fieldset>
<legend>Download</legend>
<div class="mainoptions small">

<label for="downloadselect">Platform</label>
<select id="downloadselect">
<option value="{placeholder}">Solaris x64</option>
<option value="{placeholder}">Solaris 10</option>
<option value="{placeholder}">Solaris 9</option>
<option value="{placeholder}">Windows XP</option>
<option value="{placeholder}">Windows NT</option>
<option value="{placeholder}">Mac OS X</option>
</select>

<label for="langselect">Choose a Language</label>
<select id="langselect">
<option value="{placeholder}">Shyriiwook</option>
<option value="{placeholder}">Klingon</option>
<option value="{placeholder}">Jibba Jabba</option>
<option value="{placeholder}">Vulcan</option>
<option value="{placeholder}">These are fake languages</option>
</select>

<div class="extraoptions small">
<input type="checkbox" id="downloadcheck" /><label for="downloadcheck"> I agree to the <a href="{placeholder}">Software Licensce Agreement</a></label><br />
<input type="checkbox" id="downloadcheck2" /><label for="downloadcheck2"> Use Sun Download Manager <a href="{placeholder}">(Learn More)</a></label><br />
</div>

</div>
</fieldset>

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

No Templates Reference this

v1 x1 Download Widget, w/ login w/o extra options

Sample
Code
Templates (0)

This example shows "extraoptions" removed.

Copy the code below and paste into your text editor.

<div class="pc6 pc6v0">
<div class="pc6w1"><div class="pc6w2"><div class="pc6w3"><div class="pc6w4">
<form>

<ul class="bluearrows">
<li><a href="{placeholder}">Register Now</a></li>
<li><a href="{placeholder}">Why Register?</a></li>
<li><a href="{placeholder}">Need Help?</a></li>
</ul>

</div>
</fieldset>

<fieldset>
<legend>Download</legend>
<div class="mainoptions small">

</div>
</fieldset>

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