https://github.com/Flyer53/jsPanel

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

Last synced: 12 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/Flyer53/jsPanel
• Owner: Flyer53
• License: other
• Created: 2014-03-13T11:00:18.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2019-11-26T08:29:12.000Z (over 6 years ago)
• Last Synced: 2024-11-29T22:48:23.574Z (over 1 year ago)
• Language: JavaScript
• Homepage: http://v2.jspanel.de/
• Size: 7.44 MB
• Stars: 163
• Watchers: 25
• Forks: 56
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.TXT
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
[![npm version](https://badge.fury.io/js/jspanel.svg)](https://badge.fury.io/js/jspanel) ![license MIT](https://img.shields.io/badge/license-MIT-blue.svg) [![Gitter](https://img.shields.io/gitter/room/nwjs/nw.js.svg)](https://gitter.im/jsPanel/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)

## [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

+ [GitHub](https://github.com/Flyer53/jsPanel4)

+ [npm](https://www.npmjs.com/package/jspanel4)

---

![jsPanel jQuery Plugin](https://github.com/Flyer53/jsPanel/raw/master/jsPanel-comp.png)

### jsPanel homepage: [http://jspanel.de](http://jspanel.de/)

#### API and examples: [http://jspanel.de/api.html](http://jspanel.de/api.html)

#### more documentation: [http://jspanel.de/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](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