New docs: add demos

[jaspermdegroot]

We are going to move the API documentation to the website and our current docs will be used for all kind of demos with "view source".

Here is a list of demos that we already have in mind:

• RWD
  • other grid ratios (25/75, 33/66, etc.) Explore other grid ratios - 25/75, 25/75/25, 33/66 #5164 @toddparker http://jsbin.com/uwafuz/6/edit
  • responsive grid Responsive Grid #4955
  • listview tile/grid layout Demo: Tile layout for list items #4956 @KeithPepin PR Demo of how a new listview-grid might work #5223
• slider tooltip labels Slider fill the whole width? #5045 @MauriceG + http://web-ui-fw.github.com/#slider-demo @gabrielschulhof
• sortable / drag & drop (jQuery UI Touch Punch) The scroll for a list sortable only works on Internet Explorer #5196 @arschmitz
• autodividers + sorting Autodividers not sorting properly after adding dynamic content #5136 @MauriceG
• collapsible list with filter Filter issue when using filters and collapsible lists #5208 @arschmitz http://jsbin.com/ogexof/18
• how to add a count bubble to collapsible heading
• programmatically expand / collapse a collapsible Add attribute to auto-expand a collapsible in a set #4697 @uGoMobi http://jsbin.com/umajup/8/
• the current advanced popup examples
• workarounds for known issues mentioned in the current docs
• combining widgets (like collapsible listview)
• dynamic content examples / on-the-fly options
  • dynamic popups with images using “load” event Dynamic popup positioning bug #5101
  • how to dynamically inject elements (.trigger( "create" );)
  • how to manipulate state (.widgetname( "refresh" );)
• how to configure defaults FixedToolbar widget tapToggle option default #4414#issuecomment-5850815
• how to run jQuery plugins Docs: Running Jquery Plugins #4416

Suggestions for other real-world demos are welcome, so feel free to comment. JS Bins are welcome too :)

Note: This ticket was originally titled "Docs: add code examples". Re-using it because of the references.

[jaspermdegroot]

Example of programmatically expand / collapse a collapsible: http://jsbin.com/umajup/8/

[arschmitz]

@uGoMobi im also doing for for directions with the geolocation api.

[toddparker]

I think we also need to port over some existing demos to build out a kitchen sink area, maybe with ability to swap themes or swatches

• Buttons
• Icons
• Listviews (merge all types into a long, grouped list then do an inset variation)
• Forms (normal/mini, hidden labels, in lists)
• Widgets: collapsible/group

We also want some area where we have test pages with lots of permutations for testing. These can be pretty buried.

[toddparker]

Is there a branch for all this already in place?

[jaspermdegroot]

@toddparker - No. I am working on a local branch and looking into the structure, "view source" solution and other things we discussed yesterday before pushing it.

Update: subfolder /demos has been add to folder /docs on branch master

[jaspermdegroot]

We need a listview demo that uses options filterCallback and filterReveal, and the listviewbeforefilter event.

[jaspermdegroot]

Grouping cols demo: #5168

[jaspermdegroot]

I am removing the 1.3 milestone since this ticket is more a place to list demos we want to add, but not all will be ready for 1.3. Maybe we should create a wiki page too, where we list those and where people can request a certain demo.

[toddparker]

Some notes on the start of an IA/inventory
http://oksoclap.com/mFsE8fbz4x

[jaspermdegroot]

Almost all these demos are added in the new demo center. Adding demos will be an ongoing thing, but the transition from old docs to new demos has been completed. Closing this ticket as fixed.