jsPanel bootstrap - Complete Modal and Panel Solution

Released 3 years ago , Last update 3 years ago

A bootstrap optimized version of jsPanel branch 1.x, a jQuery Plugin to create highly configurable floating panels, modals, hints and tooltips for use in a backend solution and other web applications.

jsPanel bootstrap is optimized for use with bootstrap

A jsPanel can be used as a floating, draggable and resizable panel, in addition to a modal and even as tooltip. Configuration options include additional toolbars for the 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, and methods and events offer interaction with it


Since the release of jsPanel version 2.x this extra bootstrap version is more or less obsolete. jsPanel version 2.x has bootstrap support built in and offers even more options, methods, properties and events.


14 day 14-day money-back guarantee


MIT license

The MIT license is an open-source license.



  • jQuery 1.7 or greater (that includes 2.1.1)
  • jQuery UI 1.9 or greater at least with core, widget, mouse, resizable and draggable (due to a bug in jQuery-UI 1.10.3 and 1.10.4 I currently recommend using version 1.11.x)
  • HTML5/CSS3 capable browser
  • Bootstrap 3.2 or greater

Options, Properties, Methods and Events

jsPanel options include

  • ajax loads content with jquery.ajax().
  • autoclose removes a jsPanel after a specified time.
  • content loads content using jquery.append().
  • controls configures the control buttons in the header section.
  • draggable configures draggable options.
  • header allows to remove the header section of the jsPanel completely.
  • id sets the id attribute of the jsPanel.
  • load adds content using jquery.load().
  • modal enables a modal jsPanel.
  • overflow sets options of the css overflow property.
  • position defines the position of a jsPanel including shortcuts.
  • resizable configures resizable options.
  • restoreTo forces a minimized jsPanel to restore to a position at the top left corner of the browser viewport.
  • rtl activates right-to-left-text-direction.
  • show enables animation effects.
  • size defines the dimensions of the content section of a jsPanel.
  • title sets the title/heading of a jsPanel.
  • toolbarHeader adds an extra toolbar to the header section.
  • toolbarFooter adds a footer section to the jsPanel.
  • tooltip enables use as tooltip.

jsPanel properties include

  • content gives quick access to the content section

jsPanel methods include

  • close() removes the jsPanel from the DOM.
  • closeChildpanels() removes all childpanels of a jsPanel from the DOM.
  • front() moves a jsPanels to the front by increasing the z-index.
  • maximize() maximizes a jsPanel either within the containing element or the browser window.
  • minimize() minimizes a jsPanel to the lower left corner of the browser viewport.
  • title() either returns or sets the title/header of a jsPanel.

jsPanel events include

jspanelloaded, jspanelclosed


function( jsPanel )


All options have a default value that can be overridden globally if necessary.

License » MIT license Download

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
No comments have been posted yet.