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%)
Using Framework with Standard Templates
As of version 3, the Web Applications framework can be applied to work with CI's standard templates. This is achieved by including forms.css and any content HTML provided in the examples below.
Button Class Examples
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 placed after the "content" div area so that it will center correctly. It is also semantically correct.