Sample

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

Links

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

Level Three

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.

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
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:

Level One Numeric
Level One Numeric
Level One Numeric
1. Level Two Numeric
  1. Level Three Numeric
  2. Level Three Numeric
2. Level Two Numeric
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:

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.
Suspendisse id sem consectetuer libero luctus adipiscing.

Code

I strongly recommend against using any <blink> tags.

I wish SmartyPants used named entities like — instead of decimal-encoded entites like —.

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

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

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

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.

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