UI.Layout Demos

TIP: After viewing a demo, click 'Back' to return to this page

There are basic demos for the Layout plug-in:

• example.html — a minimalist example
• simple.html — a simple, but complete layout
• container.html — a basic layout inside a 'container' to limit width
• complex.html — utilizes many features and has a 'nested layout'

These demos show 'layout nesting' to create different arrangements:

• nested.html — create multiple sidebars/columns
• nested_sidebars.html — a sub-layout in each sidebar
• nested_3levels.html — nesting 3-levels deep - inside a 'container'

These demos are samples for how a layout can be customized:

• popups.html — handling pop-ups and drop-downs using allowOverflow() method
• frames.html — navbar with framed-page as center-pane
• iframes_many.html — page with multiple iframes, in different configurations
• printable.html — how to 'neutralize' layout styles for printing

These demos show other UI widgets integrated with Layout:

• tabs.html — integrates the UI Tabs widget - with & without auto-sizing
• tabs_simple.html — a simpler implementation of tabs
• layout_inside_tab3.html — puts a layout inside a tab, and handles 'resize on show'
• accordion.html — integrates the UI Accordion widget
• droppable.html — integrates the the UI Droppable/Sortable widget
• datepicker.html — integrates the UI Date-Picker widget
• layout_inside_dialog.html — uses a layout inside of a UI Dialog

Finally, here are some misc demos:

• custom_scrollbars.html — integrates the jScrollPane plug-in to add custom scrollbars, allowing any 'look' you want
• destroy.html — has a 'destroy' method to remove a layout (will be part of a future version)
• layout_inside_tab3.html — puts a layout inside a tab, and handles 'resize on show'
• accordion.html — integrates the UI Accordion widget
• droppable.html — integrates the the UI Droppable/Sortable widget
• datepicker.html — integrates the UI Date-Picker widget
• layout_inside_dialog.html — uses a layout inside of a UI Dialog

If you create an application or testing page that integrates UI widgets, we'd love to showcase it here. Leave us a message in the discussion group.