Example: Style Guide

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

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

Checkboxes
Checkboxes with help text
Checkboxes with descriptions
This is a description.
This is a description.
This is a description.
Radios
Radios (Buttons)

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.
One file only.
100 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.
Unlimited number of files can be uploaded to this field.
100 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.
One file only.
100 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.
Table select
One
Two
Three
Tableselect sortWeight
One
Two
Table sortWeight
One
Two
Three
Nazioni
Scale
1 = disagree
10 = agree
Sign above
These are the terms of service.
Height
feet
inches

Entity autocomplete multiple
more items
Entity checkboxes
Entity radios
Term checkboxes

Addresses
First address
Second address
Re-orderFirst nameLast nameSexMartial statusEmployment statusAgeWeightOperations
Sex
Martial status
Employment status
more items

$
.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

This is a description.
Fieldset
This is a description.

Section

This is a description.
First NameLast NameGender






Information message

Status message

Warning message

Error message