A jQuery plugin to create multifunctional floating panels.
A jsPanel can be used as a floating, draggable and resizable panel, as modal, as tooltip and even as a hint.
Configuration options include additional toolbars for header and/or footer sections, support for right-to-left text direction,
built in bootstrap support, 13 themes and much more.
Various options allow for a flexible way to add content to a jsPanel, including AJAX support.
Existing jsPanel sections and contents are easily accessed via various properties. Methods and events offer interaction with it.
NEWS:
jsPanel version 3 is in developement. It uses some ES6 features, css flexbox for header and footer sections, a new positioning
system and a lot more improvements. The preview version incorporates a few polyfills and is transpiled to ES5 using BABEL. So
it should work with the current versions of EDGE, FF, Chrome, Opera and with IE11/IE10.
Take a look at the alpha preview at http://beta.jspanel.de
Copyright © 2014-15 Stefan Sträßer | stefanstraesser.eu
NOTES:
Bower
Using bower don't use the camelcase spelling of jsPanel. Use only lower case jspanel
bower install jspanel
npm
npm install jspanel
Angular
Since I didn't work with Angular so far, I can't say very much about using jsPanel with Angular. Nevertheless I can say that:
- merely loading Angular doesn't affect jsPanel in a negative way
- Angular uses only a subset of jQuery by default and that's not enough. You need to load the full jQuery library prior loading Angular. See https://docs.angularjs.org/api/ng/function/angular.element
- don't forget to load jQuery-UI (js and css) with at least UI Core, Mouse, Widget, Draggable, Resizable
- use HTML5 doctype