# Dijit TitlePane Test

input:

# Test #1: plain title pane, width=300px

Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. Nunc condimentum, magna a vestibulum convallis, libero purus pulvinar orci, sed vestibulum urna sem ut pede. More Ipsum... Sed sollicitudin suscipit risus. Nam ullamcorper. Sed nisl lectus, pellentesque nec, malesuada eget, ornare a, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

# Test #2: title pane with form, width=300px

Age:
Discount card

# Test #3: initially closed pane

Age:
Discount card

And a TabContainer, to make sure it lays out correctly:

SubTab 1 SubTab 2

# Test #4: title pane with href (initially closed)

The pane should open to "Loading..." message and then 3 seconds later it should slide open more to show loaded data.

Loading...

# Test #5: title pane with href (initially closed)

The pane should start to open to "Loading..." but halfway through href data will be loaded, and it should expand correctly.

Loading...

# Test #6: nested title pane

This is a title pane, containing another title pane ...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. Nunc condimentum, magna a vestibulum convallis, libero purus pulvinar orci, sed vestibulum urna sem ut pede. More Ipsum...

And this is the inner title pane...

Sed sollicitudin suscipit risus. Nam ullamcorper. Sed nisl lectus, pellentesque nec, malesuada eget, ornare a, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

And this is the closing line for the outer title pane.

# Test #7: subclassed title pane (only arrow is selectable and focusable)

Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. Nunc condimentum, magna a vestibulum convallis, libero purus pulvinar orci, sed vestibulum urna sem ut pede. More Ipsum... Sed sollicitudin suscipit risus. Nam ullamcorper. Sed nisl lectus, pellentesque nec, malesuada eget, ornare a, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Here's some text below the title panes (to make sure that closing a title pane releases the space that the content was taking up)

# Test #8: locked open title pane

Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. Nunc condimentum, magna a vestibulum convallis, libero purus pulvinar orci, sed vestibulum urna sem ut pede. More Ipsum... Sed sollicitudin suscipit risus. Nam ullamcorper. Sed nisl lectus, pellentesque nec, malesuada eget, ornare a, libero. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

# Test #9: TitlePane in AccordionContainer

Here's a closed title pane:
and an open one:
Here's a closed title pane:
and an open one: