• Stars
    star
    163
  • Rank 231,141 (Top 5 %)
  • Language
    JavaScript
  • License
    Other
  • Created over 10 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A jQuery Plugin to create highly configurable floating panels, modals, tooltips and hints/notifiers for use in a backend solution and other web applications.

npm version license MIT Gitter

jsPanel 2.6.3 released 2016-09-14

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.


Don't miss jsPanel version 4


jsPanel jQuery Plugin

jsPanel homepage: http://jspanel.de

API and examples: http://jspanel.de/api.html

more documentation: http://jspanel.de/documentation


NOTES:

Bower

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