Design
 Completed

Description

Forms Layout Types

Placement

Mario Penzo’s recommendation: "Place labels above or right-align them”, Penzo, M (2006) Label Placement in Forms
rightTopPlacemene.png

1. Vertical Labels & Advantages

formsvertical.gif

2. Left-Justified Horizontal Labels & Advantages

formsleft.gif

3. Right-Justified Horizontal Labels & Advantages

formsright.gif

X. Inline Layout

  • Custom defined for XWiki
  • For small inline forms
    • used when we don't want to increase the vertical size of the component
  • This is a special case of forms and should not be used abusively 
  • Learn more about Inline Small Form Component
    InlineCreatePost.png

Grouping

  • Grouping: Use relevant content groupings to organize forms
    • Consider <fieldset> to group related form fields

 Separating Related Content 

formsrelated.gif


 

Tags:
Created by evalica on 2013/11/13 16:15
    

Get Connected