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.
30 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.
90 MB limit per form.
Unlimited number of files can be uploaded to this field.
30 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.
90 MB limit per form.
One file only.
30 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.
90 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.
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
CAPTCHA