Inline Layout Forms Standards Usage
Version 1.3 by Ecaterina Valica on 2010/10/08 12:28
XWiki Forms (xform / xformInline) are a general usage purpose CSS classes, that need to be used in order to have a consistent view of forms across XWiki.
- Usage Examples
- Type:
- Vertical Layout (xform): uses a dl-dt-dd structure
- Inline Layout (xformInline)
[preview]
[html]
<form action="." class="xformInline" method="post" name="form_name1">
<label for="input_id1">Label</label>
<input id="input_id1" name="input_name1" type="text" value=""/>
<span class="buttonwrapper">
<input class="button" type="submit" value="Button"/>
</span>
</form>
<label for="input_id1">Label</label>
<input id="input_id1" name="input_name1" type="text" value=""/>
<span class="buttonwrapper">
<input class="button" type="submit" value="Button"/>
</span>
</form>
[demo]
[css]
.xformInline label {
color: $theme.textColor;
font-size: .85em;
font-weight: 700;
margin-bottom: .3em;
text-transform: uppercase;
}
color: $theme.textColor;
font-size: .85em;
font-weight: 700;
margin-bottom: .3em;
text-transform: uppercase;
}