Developer

Form Sections

On a form with multiple sets of entry values, you can group entry fields for visual efficiency, or to link related data items. A form may comprise multiple sections, each of which includes its own header to describe the data type.

Use sectioned forms only when there is more than one section. Simple forms with only one section use breadcrumbs as the page header.

Each form section is identified with a header tag:
<h2 class = "section [<type>]>    
  <wicket:message key = "[headerkey]" />   
</h2>
where <type> is one of:
  • phone – when the section relates to a mobile phone.
  • lock – when the section relates to a security option.
  • house – when the section relates to address information.
  • search – when the section is a search or find operation.
  • attachment – when the section is an attachment operation.
  • bank – when the section relates to a banking operation.
  • friends – when the section relates to a personal or friend operation.
  • coins – when the section relates to a general money operation.
  • wallet – when the section relates to a wallet-oriented operation.
  • payments – when the section relates to a payment.
To improve readability, separate form sections with white space using the following <div> tag:
<div class = "column buffer"></div > 


Sectioned Forms