Status: Experimental
A container displayed on the side of the screen. It can be displayed on top of the page (mode=overlay), can push the content of the page (mode=push) or reveal the content the pane (mode=reveal). Compatible with Dojo 1.9.x.
To open/close the panel, swipe from the border of the screen to the center or call the open() method of the widget.
Overlay mode: http://dmandrioli.github.io/sidepane/tests/test_SidePane-overlay.html
Push mode: http://dmandrioli.github.io/sidepane/tests/test_SidePane-push.html
Reveal mode: http://dmandrioli.github.io/sidepane/tests/test_SidePane-reveal.html
A sidePane visible only on the first load (cookie based) : http://dmandrioli.github.io/sidepane/tests/test_SidePane-VisibleOnce.html
Dojo Commits Explorer: http://dmandrioli.github.io/sidepane/tests/test_SidePane.html
Clone this repository into a Dojo 1.9 distribution, next to 'dojo', 'dojox' and 'dijit'.
- iOS 6.x
- Android 4.x (Chrome and stock browser)
- Blackberry 10
- Windows Phone 8
- Chrome Desktop
- IE10 Desktop
-
The size of the panel can't be set in HTML. It is 15em by default. To change this value, change @PANEL_WIDTH in SidePane.less and regenerate the stylesheet.
-
Blackberry and Chrome Mobile on Android have built-in left/right swipe gesture. On these platforms, swipe opening is not really usable.
- Swipe opening from the right works only on iOS and desktop browsers.
- Damien Mandrioli (IBM CCLA)