CI Web Applications Framework — V2.0

How to Use

Select the desired layout and then view the source. Tthe source code is the guide for laying out forms in your application and the layout of the page. Copy and paste the parts of source into your own application as needed ( note dependencies of elements for proper structure).

The following HTML elements can be removed from the "Mast" if not needed: UL (used for page tabs) and P (used for user names and log-out/sign out link). If you change your mind, the elements can be added back in.

Layouts

Fixed Width Layouts (960px Wide)

Full-width Layouts (100%)

Button Class Examples

The following have the "button" class applied to them. The first is a link, the second an input button of type submit and the third is a button element, also with type submit.

Link Button


Pagination Component

Note: For example purposes, the pagination has been placed inside the content area on this page. But in production, the pagination component should be last div before the "#app-container" closing tag so that it will center correctly.

©