Examples

Quick Links

Live examples for you to test and explore within your web browser. You can also download the source code and use them in your own environment. See the Download and Installation Guide

PHP Examples

To view the examples follow to the link to the Examples for PHP Developers web page.

CSS Examples

Name	Description
Sample Page	Provides a sample of some of the css classes and layout features of the framework
Grid Cells	Demo page showing basic grid cell/column layout
Cell Column Width	Grid cell/column width test page
Cell Row Height	Grid cell row height test page
Elastic Layouts	Basic example of how to create liquid layouts with fixed width sidebars
Elastic Grid Cells	Example showing boxes, panels ,lists, headers, tables, etc
Common Elements	Example showing boxes, panels ,lists, headers, tables, etc
Interactive Examples
Drag Box	An example showing the use of the jQuery UI interactive APIs
Bouncing Ball	An example showing how to combine Physics, jQuery and the CSS framework to create an interactive user experience.
Buttons	Creating button elements with the css framework
Web Form	A basic web form example
Data Entry	Sample data entry web page.
Textbox Input	Textbox and Textarea demo
Shadow Box	Creating a box with drop shadow effect
Toolbar	A simple web form with nested toolbar
HTML Table	Table with hover effect.
Sortable Coulmns	Rearrange DIV blocks by dragging and dropping them across columns.
Plugin Examples
Cursor	An example of how to use the cursor plugin.
TabStrip	An example of how to add multiple TabStrips to a page
TabStrip Explorer	Explore the features of the TabStrip plugins. Learn how to create themes and animations and how to use autopilot features