FN02 Finder Filter Panel Component

v0 Filter Links

Sample
Code
Templates (0)

Follow example and refer to Usage Guidelines.

Link to this page

What are you looking for today?

Use the criteria below to find [cat] that meets your needs.

Select a Category

Select a Sub-Category

Narrow Your Results

Reset Filters

CPUs
- All (6)
- 1-2 (87)
- 2-10 (7)
- 10-20 (87)
Processors
- All (11)
- 1-2 (87)
- 2-10 (4)
- 10-20 (98)
RAM
- All (65)
- 1-2 (70)
- 2-10 (44)
- 10-20 (95)
Price
- All (78)
- 1-2 (46)
- 2-10 (75)
- 10-20 (0)
Form Factor
- All (95)
- 1-2 (57)
- 2-10 (48)
- 10-20 (45)
Tweed Wilko
- All (67)
- 1-2 (87)
- 2-10 (56)
- 10-20 (53)
Foo Bar
- All (47)
- 1-2 (58)
- 2-10 (57)
- 10-20 (98)
Tweed Wilko
- All (82)
- 1-2 (65)
- 2-10 (25)
- 10-20 (37)

Copy the code below and paste into your text editor.

<div class="fn2 fn2v0">
<h5>Narrow Your Results</h5>
<p class="fnResetlink"><a href="phase1_results1.html" class="hijax-productFinder">Reset Filters</a></p>
<ul id="fn1Filters">
	<li><em>CPUs</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(6)</em></span></li>
			<li><a href="#">1-2 <em>(87)</em></a></li>
			<li><a href="#">2-10 <em>(7)</em></a></li>
			<li><a href="#">10-20 <em>(87)</em></a></li>
		</ul>
	</li>
	<li><em>Processors</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(11)</em></span></li>
			<li><a href="#">1-2 <em>(87)</em></a></li>
			<li><a href="#">2-10 <em>(4)</em></a></li>
			<li><a href="#">10-20 <em>(98)</em></a></li>
		</ul>
	</li>
	<li><em>RAM</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(65)</em></span></li>
			<li><a href="#">1-2 <em>(70)</em></a></li>
			<li><a href="#">2-10 <em>(44)</em></a></li>
			<li><a href="#">10-20 <em>(95)</em></a></li>
		</ul>
	</li>
	<li><em>Price</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(78)</em></span></li>
			<li><a href="#">1-2 <em>(46)</em></a></li>
			<li><a href="#">2-10 <em>(75)</em></a></li>
			<li>10-20 (0)</li>
		</ul>
	</li>
	<li><em>Form Factor</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(95)</em></span></li>
			<li><a href="#">1-2 <em>(57)</em></a></li>
			<li><a href="#">2-10 <em>(48)</em></a></li>
			<li><a href="#">10-20 <em>(45)</em></a></li>
		</ul>
	</li>
	<li><em>Tweed Wilko</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(67)</em></span></li>
			<li><a href="#">1-2 <em>(87)</em></a></li>
			<li><a href="#">2-10 <em>(56)</em></a></li>
			<li><a href="#">10-20 <em>(53)</em></a></li>
		</ul>
	</li>
	<li><em>Foo Bar</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(47)</em></span></li>
			<li><a href="#">1-2 <em>(58)</em></a></li>
			<li><a href="#">2-10 <em>(57)</em></a></li>
			<li><a href="#">10-20 <em>(98)</em></a></li>
		</ul>
	</li>
	<li><em>Tweed Wilko</em>
		<ul class="hijax-productFinder">
			<li class="selection"><span>All <em>(82)</em></span></li>
			<li><a href="#">1-2 <em>(65)</em></a></li>
			<li><a href="#">2-10 <em>(25)</em></a></li>
			<li><a href="#">10-20 <em>(37)</em></a></li>
		</ul>
	</li>
</ul>
</div>

No Templates Reference this

Link to this page

What are you looking for today?

Use the criteria below to find [cat] that meets your needs.

Select a Category

Select a Sub-Category

Narrow Your Results

Reset All

Keyword

Partner or Product Name

Country/Territory

Hold CTRL key for multiple selections

Location

Within

Special Programs

Hold CTRL key for multiple selections

More Options

Solution & Business Needs

Hold CTRL key for multiple selections

Industry

Product Sales Capability

SPARC X86 Storage Software

Partner Level

Copy the code below and paste into your text editor.

<div class="fn2 fn2v1">
	<h5>Narrow Your Results</h5>

<div class="fnForm">
	<p class="fnResetlink"><a href="phase1_results1.html">Reset All</a></p>
	<form>
		<div class="labeled-input">
			<label for="input1">Keyword</label>
			<input name="input1" id="input1" type="text" value="" />
			<p class="help">Partner or Product Name</p>
		</div>

<div class="labeled-input">
			<label for="input2">Country/Territory</label>
			<select name="input2" id="input2" multiple="multiple">
			<option value="foo1">United States</option>
			<option value="foo2">Mexico</option>
			<option value="foo3">Sealand</option>
			<option value="foo4">United States</option>
			<option value="foo5">Mexico</option>
			<option value="foo6">Sealand</option>
			<option value="foo7">United States</option>
			<option value="foo8">Mexico</option>
			<option value="foo9">Sealand</option>
			</select>
			<p class="help">Hold CTRL key for multiple selections</p>
		</div>

<div class="labeled-input">
			<label for="input3">Location</label>
			<input name="input3" id="input3" type="text" value="" />
			<p>
				<label for="blah4" class="small">Within</label>
				<select name="blah4" id="blah4" class="compact">
				<option>100 mi/161 km</option>
				</select>
			</p>
		</div>

<div class="labeled-input">
			<label for="input5">Special Programs</label>
			<select name="input5" id="input5" multiple="multiple">
			<option value="foo">EDU - EMAP Program</option>
			<option value="foo">MySQL</option>
			<option value="foo">SOA</option>
			</select>
		<p class="help">Hold CTRL key for multiple selections</p>
		</div>

<fieldset class="fieldset-collapsed">
		<h6>More Options</h6>

<div class="labeled-input">
			<label for="input6">Solution &amp; Business Needs</label>
			<select name="input6" id="input6" multiple="multiple">
			<option value="foo">EDU - EMAP Program</option>
			<option value="foo">MySQL</option>
			<option value="foo">SOA</option>
			</select>
			<p class="help">Hold CTRL key for multiple selections</p>
		</div>

<div class="labeled-input">
			<label for="input7">Industry</label>
			<select name="input7" id="input7">
			<option value="foo1">-- Select One --</option>
			<option value="foo2">foo</option>
			<option value="foo3">foo</option>
			<option value="foo4">foo</option>
			</select>
		</div>

<h6>Product Sales Capability</h6>

<label for="input8">SPARC</label>
			<select name="input8" id="input7">
			<option value="foo1">None</option>
			<option value="foo2">foo</option>
			<option value="foo3">foo</option>
			<option value="foo4">foo</option>
			</select>

<label for="input10">Storage</label>
			<select name="input10" id="input7">
			<option value="foo1">None</option>
			<option value="foo2">foo</option>
			<option value="foo3">foo</option>
			<option value="foo4">foo</option>
			</select>

<label for="input11">Software</label>
			<select name="input11" id="input7">
			<option value="foo1">None</option>
			<option value="foo2">foo</option>
			<option value="foo3">foo</option>
			<option value="foo4">foo</option>
			</select>
		</div>

<div class="labeled-input">
			<label for="input12">Partner Level</label>
			<select name="input12" id="input7">
			<option value="foo1">-- Select One --</option>
			<option value="foo2">foo</option>
			<option value="foo3">foo</option>
			<option value="foo4">foo</option>
			</select>
		</div>

</fieldset>

Templates:

Availability Finder view tagged view untagged

FN02 Finder Filter Panel

Include:

Definition

Usage

All Templates Referencing this Component

v0 Filter Links

What are you looking for today?

Select a Category

Select a Sub-Category

Narrow Your Results

No Templates Reference this

v1 Filter Form w/ hidden form elments

What are you looking for today?

Select a Category

Select a Sub-Category

Narrow Your Results

More Options

Product Sales Capability

Templates:

v2 Availibity/Location Filter Form

What are you looking for today?

Select a Category

Select a Sub-Category

Narrow Your Results

Filter By Dates:

Filter By State & City:

No Templates Reference this