Create web application layouts. Enables window maximize.
Copyright © 2007-2008 Greg Houston, http://greghoustondesign.com/.
MIT-style license.
Core.js, Window.js
| Layout.js | Create web application layouts. |
| Functions | |
| maximizeWindow | Maximize a window. |
| restoreWindow | Restore a maximized window. |
| Classes | |
| Column | Create a column. |
| Panel | Create a panel. |
Create a column. Columns should be created from left to right.
MochaUI.Panel();
options
| id | The ID of the column. This must be set when creating the column. |
| placement | Can be ‘right’, ‘main’, or ‘left’. There must be at least one column with the ‘main’ option. |
| width | ’main’ column is fluid and should not be given a width. |
| resizeLimit | resizelimit of a ‘right’ or ‘left’ column. |
| onResize | (function) Fired when the column is resized. |
| onCollapse | (function) Fired when the column is collapsed. |
| onExpand | (function) Fired when the column is expanded. |
Create a panel. Panels go one on top of another in columns. Create your columns first and then add your panels. Panels should be created from top to bottom, left to right.
MochaUI.Panel();
options
| id | The ID of the panel. This must be set when creating the panel. |
| column | Where to inject the panel. This must be set when creating the panel. |
| loadMethod | (‘html’, ‘xhr’, or ‘iframe’) |
| contentURL | Used if loadMethod is set to ‘xhr’ or ‘iframe’. |
| evalScripts | (boolean) An xhr loadMethod option. Defaults to true. |
| evalResponse | (boolean) An xhr loadMethod option. Defaults to false. |
| content | (string or element) An html loadMethod option. |
| tabsURL | (url) |
| footer | (boolean) |
| footerURL | (url) |
| height | (number) Height of content area. |
| addClass | (string) Add a class to the panel. |
| scrollbars | (boolean) |
| padding | (object) |
| panelBackground | CSS background property for the panel. |
| onBeforeBuild | (function) Fired before the panel is created. |
| onContentLoaded | (function) Fired after the panel’s conten is loaded. |
| onResize | (function) Fired when the panel is resized. |
| onCollapse | (function) Fired when the panel is collapsed. |
| onExpand | (function) Fired when the panel is expanded. |
Maximize a window.
maximizeWindow: function( windowEl )
Restore a maximized window.
restoreWindow: function( windowEl )