Expandable Folders

Click to Expand/Collapse
  • Item 1
  • Item 2
  • Item 3
  • Item 4
Click to Expand/Collapse
  • Item 1
  • Item 2
  • Item 3
  • Item 4

Accordion Panel

Section #1
Collapse
  • Item 1
  • Item 2
  • Item 3
  • Item 4
Section#2
Collapse
  • Item 1
  • Item 2
  • Item 3
  • Item 4

 

 

Three Spry Features

This document contains three Spry features:

  1. Expandable Folders
  2. Accordion Panels
  3. Tabbed Panels
  • Tab 1
  • Tab 2
Tabbed panels allow you to switch between panels. While it may have the effect of switching between pages so that you can stay on the same screen, you must take care not to place too much content on the page. If you have too much content on the same page, it will take much longer to load.
This is different content. This is all text, so there is no huge demand on the server. If I place a whole bunch of images or swf files here, that might be a totally different story.

This tabbed panel can contain as much or as little material as possible. The total size of the panel will match the panel with the most amount of material.

The purpose of this demo is to emphasize the mechanical and structural possibilities over the aesthetic issues such as font & color, although those can be adjusted as well.

Home