Forms - top labels

Top Labels

This short form has right-aligned buttons such as you might see in a Dialog. Its .buttons-container has a class of .right and the buttons are thus aligned right. It is shaded only to show the width of the form.

Top Labels - add class top-label to form

New Issue

File Upload

File Upload

Groups (checkboxes and radios)

Checkboxes Editrequired
You can have a description here
You can have a description here
and/or an error

You can also have a description here if you like

and/or errors
Or, you can have a description here for the fieldset as a whole.

One Checkbox

Assistive Legend to give context for screen readers. If you don't know what to put in here, ask your nearest frontend developer.

The visible legend is optional - you may not want it for the single checkbox. You can make it an assistive legend (view source to see it).

You can have a description here

You can also have a description here if you like

Legend length testing

Long legend text now wraps without overflowing the containing .group

Radio Buttons

Radio Buttons