# Plone User Interface elements test page

This page lists the common user interface elements that exist in Plone, and shows you how they are rendered. It also tests a couple of common Internet Explorer rendering bugs, so you can see if your changes have triggered any bad behaviour on this front.

    Headlines

# Headline h1

And a paragraph

## Headline h2

And a paragraph

### Headline h3

And a paragraph

#### Headline h4

And a paragraph

##### Headline h5

And a paragraph

###### Headline h6

    Example document rendering

The portalMessage class, can also contain links - used to give the user temporary status messages.

# Document Headline

The document description

Normal document body text, strong text, emphasised text, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque odio sem, aliquam ut, suscipit at, aliquet non, justo. Vestibulum vitae urna et mi volutpat luctus. Nulla auctor, lacus ut consectetuer sagittis, erat odio vulputate sapien, eu placerat diam mauris id turpis. Aenean quis ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque rutrum. Sed mattis turpis sit amet ipsum viverra pharetra. Nunc facilisis, augue non dapibus gravida, risus quam vulputate quam, non venenatis dui massa in leo. Maecenas scelerisque dapibus libero. Suspendisse potenti. example Normal internal site link inside a paragraph, example External link to plone.org, example Secure (HTTPS) link to plone.org, example Mailto link, example FTP link, example NNTP (news) link, example WebCal link, example RSS feed link, example IRC link.

- Unordered list element 1
- - Unordered list subelement 1
- Unordered list element 2
- Unordered list element 3

1. Ordered list element 1
2. 1. Ordered list subelement 1
3. Ordered list element 2
4. Ordered list element 3

Definition list term
  Definition List description, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque odio sem, aliquam ut, suscipit at, aliquet non, justo.
  Another Definition List description, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque odio sem, aliquam ut, suscipit at, aliquet non, justo.

## Table of class `listing`

Table heading | Another heading (sortable, click to sort)
--- | ---
Odd table item | More items
Even table item | More items
Odd table item | More items

## Table of class `vertical listing`

Table heading | Odd table item
Another heading | Even table item

## Forms

Fieldset legend
Text field (Required)
This is the help for this form field. And links are also possible.
Text field with error (Required)
This field is just here to demonstrate an error message.
This is the error message.
Checkbox (Required)
This is a checkbox field.
Checkbox with error (Required)
This checkbox field is just here to demonstrate an error message.
This is the error message.
Checkbox without border (Required)
This is a checkbox field.
Checkbox without border with error (Required)
This checkbox field is just here to demonstrate an error message.
This is the error message.
Radio (Required)
This is a checkbox field.
First
Second
Third
Radio with error (Required)
This checkbox field is just here to demonstrate an error message.
This is the error message.
First
Second
Third

## Table with form elements

| Title | Stuff
--- | --- | ---
| Title | with class noborder
| Title | with class noborder

## The Internet Explorer "Peekaboo" bug

Also known as the "disappearing text" bug. Full explanation of this bug can be found on the page dedicated to this at positioniseverything.net.

Float
test link
This is bare text. Test link
This is text inside a div. Test link
This is bare text. Test link
This is text inside a div. Test link
This is bare text. Test link
This is text inside a div. Test link
This is bare text. Test link
Clearing div
This div is after the cleared div. (purple box) If cleared div does not touch float, bug is not triggered. Test link