Standards Layout

Please adopt the standards when making the design of your panels. The best approach is to work from the top-left corner of the window, making sure that all elements are sticking to their preceeding elements. Once the layout is done, the elements should be stretched to the exterior dimensions of the panel so that they will resize with the panel smoothly. It is not abnormal to sticky elements to the bottom or right edges of the panel if this makes sense for the layout (such as 2 inputs on 1 row).

Labels

• Labels should NOT contain a colon (:) unless it is a label for another label field
• Labels should be aligned along their right edge with the widest label in the column
• A column of labels should aligned along their left edge with the window edge. This will only apply to the widest label
• Labels should be aligned with the text of their related input box. Labels for Textareas should be aligned to the top of the box
• Labels should use the smallest spacing gap between their corresponding inputs

Fields

• All fields should use the maximum detected spacing apart from one another unless the layout is especially crowded or multiple boxes are associated with 1 input
• Textbox fields at the bottom of forms should be stretched vertically to sticky to the bottom of the panel

Groupings

• The separator should only be used to group together fields that fall under separate tables
• Panels can be used to group radios / checkboxes together. The panel border should be set to TitledBorder and the fieldset title should be set