Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Drop-downs

...

Summary  

We use drop-down

...

controls

...

for

...

switching

...

data

...

views

...

and/or

...

filtering

...

data.

Code Block


h2. Code
{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>
{code}




h2. Example

!Screen shot 2013-12-02 at 11.39.25 AM.png!


h2. Related patterns&nbsp;


h2. Problem

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




h2. 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.




h2. Rationale

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

Image Added

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

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.

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