Drop-downs

Summary  

We use drop-down controls for switching data views and/or filtering data.

Code

<select id="foo" class="[bar]">
                        
        <option value="COMMON">COMMON</option>
                        
        <option value="COMMON">COMMON</option>
                        
       <option value="900019051-2396278920-004">PI forecast for Langer, Robert S workset</option>
                        
 </select>

Example

Related patterns 

Problem

In some applications, tabular data presented can be shown via alternate views based on data ranges, for instance.

Solution

We provide drop-down controls so users can switch views within a page without having to navigate to separate pages to see the various views.

Rationale

This was the best solution rather than providing multiple pages and/or tabs within tabs.