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

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
Info
The portalMessage class, can also contain links - used to give the user temporary status messages.

Document Headline

by admin last modified May 21, 2010 10:02 AM History
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
    1. Ordered list subelement 1
  2. Ordered list element 2
  3. 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) Fixed column (not sortable)
Odd table item Item 1 Another item
Even table item Item 2 Yet another item
Odd table item Item 3 And one more item

Table of class vertical listing

Table heading Odd table item
Another heading Even table item

Forms

Fieldset legend
(Required)
This is the help for this form field. And links are also possible.
(Required)
This field is just here to demonstrate an error message.
This is the error message.
(Required)
This is a checkbox field.
(Required)
This checkbox field is just here to demonstrate an error message.
This is the error message.
(Required)
This is a checkbox field.
(Required)
This checkbox field is just here to demonstrate an error message.
This is the error message.
(Required)
This is a checkbox field.



(Required)
This checkbox field is just here to demonstrate an error message.
This is the error message.



Table with form elements

 Title   Stuff 
Title with class noborder
Title with class noborder

Collapsible form

Select All/None

Return items of a specific type.




Action menu

Action menu title
Menu content

Collapsible section

Collapsable section title
Collapsible section content

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