Sample

This application displays a sample of (almost) all of the widgets and application elements that the Zoom platform offers.

This is a link to external site Google.

This is a link to an internal app Google.

This is a wikilink to a content page.

Here is our email address support@dynamic-solutions.com.

Paragraph of Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraphs with a Photo

Logo Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Level Three

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Blockquote Example

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Emphasis

Some of these words are emphasized. Some of these words are emphasized also.

Use two asterisks for strong emphasis. Or, if you prefer, use two underscores instead.

Tables

This is a sample table:

One Two Three
One Two Three
One Two Three
One Two Three

Data Tables

This is a data table:

id username email phone
1 admin admin@datazoomer.com
2 user user@datazoomer.com
3 guest guest@datazoomer.com
4 herb herb@dynamic-solutions.com
5 brett goss.brett@gmail.com

Lists

You can do either bulleted lists, like this:

  • Level One
  • Level One
    • Level Two
      • Level Three
      • Level Three
    • Level Two
  • Level One

Or, you can do numbered lists, like this:

  1. Level One Numeric
  2. Level One Numeric
  3. Level One Numeric
    1. Level Two Numeric
      1. Level Three Numeric
      2. Level Three Numeric
    2. Level Two Numeric
  4. Level One Numeric
    • A list item.
      With multiple paragraphs.
    • Another item in the list.

List Paragraphs

This is a buletted paragraph list:

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

And this is a numbered paragraph list:

  1. This is a list item with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit.

  2. Suspendisse id sem consectetuer libero luctus adipiscing.

Code

I strongly recommend against using any <blink> tags.

I wish SmartyPants used named entities like &mdash; instead of decimal-encoded entites like &#8212;.

If you want your page to validate under XHTML 1.0 Strict, you've got to put paragraph tags in your blockquotes:

<blockquote>
    <p>For example.</p>
</blockquote>

That's how we roll.

Horizontal Rules

You can produce a horizontal rule by using 3 * characters in a row like this.


Form In Edit Mode

Personal

Name
this is a hint
Address
this is a hint
Birthdate
Other
Phone
Province
This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint.
Provinces
  • British Columbia
  • Alberta
  • Saskatchewan
  • Manitoba
  • Quebec
  • Ontario
This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint.
Places
Uses the chosen widget
Cities
This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint. This is a large hint.
Notify Me
this is a hint
Save Prefereces
this is another hint
How Many
OneTwoThree
this is a hint
Notes
this is a hint

Social

Twitter
optional
 

Form In Show Mode

Personal

Name
John Doe
Address
1234 Somewhere St
Phone
123-456-7890
Province
Alberta
Provinces
Alberta, Quebec
Places
Victoria; Vancouver
Cities
Victoria; Vancouver
Notify Me
no
Save Prefereces
yes
How Many
One

Social

Twitter
jdoe

Form with Fieldset

Fieldsets are not explicity supported in Zoom yet, but we include the markup here in case you want to future proof your theme. Since fieldsets are supported in HTML5 we are likely to provide support for them in the future.

Personal
Name
Address

Substitution

Site name: DataZoomer

Username:

App Variable: a value

Missing App Variable: {{notaname}}

Missing App Variable with Default: a default value

Helpers

<dz:site_name> : "DataZoomer"

<dz:slogan> : ""

<dz:owner_name> : "Dynamic Solutions"

<dz:owner_name> : "http://www.yourcompanysite.com"

<dz:owner_email> : "support@dynamic-solutions.com"

<dz:admin_email> : "admin@dynamic-solutions.com"

<dz:protocol> : "http"

Missing Substitutions

Missing: {{no_such_value}}

Missing with default: default value

That's It

And that's about it! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. .