Jump to: navigation, search

Difference between revisions of "Field Decorators and Validation"

Line 1: Line 1:
 
This document describes Use Cases and Solutions for field decorators of (1) Content Assist, (2) Required Fields, and (3) Errors/Warnings.  Each of these indicators are shown in various UI contexts, such as Dialog Boxes, Wizards, and Forms, in order to describe the design issues and apply a consistent solution where possible.  The main techniques that are described in the Blueprint Specifications and Solutions refer to icon/text treatment (size and position) at the Control-level, as well as messages at the UI-level. <br />
 
This document describes Use Cases and Solutions for field decorators of (1) Content Assist, (2) Required Fields, and (3) Errors/Warnings.  Each of these indicators are shown in various UI contexts, such as Dialog Boxes, Wizards, and Forms, in order to describe the design issues and apply a consistent solution where possible.  The main techniques that are described in the Blueprint Specifications and Solutions refer to icon/text treatment (size and position) at the Control-level, as well as messages at the UI-level. <br />
  
{| class="indent" border="1" cellpadding="3"
+
 
| '''Indicator (cue)'''
+
<table border="1" cellpadding="2" cellspacing="2" width="100%">
| '''UI Context'''
+
    <tr>
| '''UI Controls or Area'''
+
      <th width="10%">Indicator (cue)</th>
|-
+
      <td>
| Content Assist
+
      <ul>
| Dialog Boxes
+
        <li>Content Assist</li>
| Text Field
+
        <li>Required Input</li>
|-
+
        <li>Errors & Warnings</li>
| Required Fields
+
      </ul>
| Wizards
+
      </td>
| Combo Box
+
    </tr>
|-
+
    <tr>
| Errors & Warnings
+
      <th width="10%">UI Context</th>
| Forms
+
      <td>
| Drop-Down List Box
+
      <ul>
|-
+
        <li>Dialog Boxes</li>
|
+
        <li>Wizards</li>
|
+
        <li>Forms</li>
| List Box
+
      </ul>
|-
+
      </td>
|
+
    </tr>
|
+
    <tr>
| Table
+
      <th width="10%">UI Controls or Area</th>
|-
+
      <td>
|
+
      <ul>
|
+
        <li>Text Field</li>
| Table Cell
+
        <li>Combo Box</li>
|-
+
        <li>Drop-Down List Box</li>
|
+
        <li>List box</li>
|
+
        <li>Table</li>
| Header
+
        <li>Table Cell</li>
|-
+
        <li>Header</li>
|
+
        <li>Body</li>
|
+
        <li>Tab</li>
| Body
+
      </ul>
|-
+
      </td>
|
+
    </tr>
|
+
 
| Tab
+
</table>
|}
+
 
  
  

Revision as of 14:22, 10 November 2006

This document describes Use Cases and Solutions for field decorators of (1) Content Assist, (2) Required Fields, and (3) Errors/Warnings. Each of these indicators are shown in various UI contexts, such as Dialog Boxes, Wizards, and Forms, in order to describe the design issues and apply a consistent solution where possible. The main techniques that are described in the Blueprint Specifications and Solutions refer to icon/text treatment (size and position) at the Control-level, as well as messages at the UI-level.


Indicator (cue)
  • Content Assist
  • Required Input
  • Errors & Warnings
UI Context
  • Dialog Boxes
  • Wizards
  • Forms
UI Controls or Area
  • Text Field
  • Combo Box
  • Drop-Down List Box
  • List box
  • Table
  • Table Cell
  • Header
  • Body
  • Tab


Content Assist

Required Input

Error and Warning Messages