Example Style Guide

  • Current Start
  • Preview
  • Complete
1 of 3 (0%)
Indicates required field

Below is a style guide containing examples of all elements and layouts.

Basic elements
Checkboxes
Checkboxes with help text
Checkboxes with descriptions
This is a description.
This is a description.
This is a description.
Radios
Radios (Buttons)
Date elements
Advanced elements
$ .00
One file only.
10 MB limit.
Allowed types: gif, jpg, jpeg, png, bmp, eps, tif, pict, psd, txt, rtf, html, odf, pdf, doc, docx, ppt, pptx, xls, xlsx, xml, avi, mov, mp3, mp4, ogg, wav, bz2, dmg, gz, jar, rar, sit, svg, tar, zip.
50 MB limit per form.
Unlimited number of files can be uploaded to this field.
10 MB limit.
Allowed types: gif, jpg, jpeg, png, bmp, eps, tif, pict, psd, txt, rtf, html, odf, pdf, doc, docx, ppt, pptx, xls, xlsx, xml, avi, mov, mp3, mp4, ogg, wav, bz2, dmg, gz, jar, rar, sit, svg, tar, zip.
50 MB limit per form.
One file only.
10 MB limit.
Allowed types: gif, jpg, jpeg, png, bmp, eps, tif, pict, psd, txt, rtf, html, odf, pdf, doc, docx, ppt, pptx, xls, xlsx, xml, avi, mov, mp3, mp4, ogg, wav, bz2, dmg, gz, jar, rar, sit, svg, tar, zip.
50 MB limit per form.
Table select
One
Two
Three
Tableselect sort Weight
One
Two
Table sort Weight
One
Two
Three
These are the terms of service.
Questions 1 2 3 4 5
Entity reference elements
Entity autocomplete multiple
more items
Entity checkboxes
Entity radios
Term checkboxes
Webform composites
Addresses
First address
Second address
Re-order First name Last name Gender Martial status Employment status Age Weight Operations
Gender
Martial status
Employment status
more items
Form elements
$ .00
{description}
This is a description.
This is a description.
This is a description.
This description is displayed before the input.
This description is displayed in a tooltip. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
This is a description.
This is more text
Containers elements
This is a description.
Fieldset
This is a description.

Section

This is a description.
Dividers





Messages
Flexbox
Contrib modules