Mocha UI

Mocha GUI components are built with HTML5 canvas tags.

Features:

• Layout:
• Horizontally and vertically fluid layout module with columns and panels.
• Optional toolbars.
• Columns and panels can be collapsed, expanded, and resized.
• Panels can be tabbed.
• Panel content can be loaded with innerHTML, XHR, or an iFrame.
• Toolboxes can be inserted in the toolbars.
• Windows:
• The windows and their drop shadows are drawn with the canvas element.
• Windows can be focused, dragged, resized, collapsed/expanded, maximized/restored, minimized/restored and closed.
• Windows are resizable in 8 directions.
• Adjustable rounded corner radius.
• Adjustable shadow blur.
• Windows can have tabs and toolbars.
• Dynamically create new windows on demand and load their content with innerHTML, XHR, or an iFrame.
• The ability to create multiple new windows from a single Json data request.
• Create modal and notification dialog windows.
• Dynamically update window content.
• General:
• Minimal HTML markup required.
• Tested in Firefox 3, Internet Explorer 6 & 7, Safari 3, and Opera 9.5.
• Validates as XHTML 1.0 Strict if you use no target attributes in your anchors and validates as XHTML 1.0 Transitional if you do.

Requirements:

• JavaScript enabled on client side
• MooTools