https://github.com/thecodeholic/lobipanel

jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.
https://github.com/thecodeholic/lobipanel

Last synced: 8 days ago
JSON representation

jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.

• Host: GitHub
• URL: https://github.com/thecodeholic/lobipanel
• Owner: thecodeholic
• License: mit
• Created: 2015-11-14T19:37:05.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-02-13T19:28:22.000Z (over 6 years ago)
• Last Synced: 2024-08-01T12:16:34.515Z (3 months ago)
• Language: JavaScript
• Size: 1.06 MB
• Stars: 168
• Watchers: 22
• Forks: 75
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# LobiPanel

[![CDNJS](https://img.shields.io/cdnjs/v/lobipanel.svg)](https://cdnjs.com/libraries/lobipanel)

jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.

[View Demo](http://lobianijs.com/site/lobipanel)

### Features

- Sort, drag, expand, resize, minimize bootstrap panels

- Specify url and load content in panel from this url

- Change the name of the panel

- Customize action icons and action tooltips

- Works for nested panels

- HTML5 localStorage support

    - Save panel state: (pinned, unpinned, collapsed, fullscreen, minimized) and apply it on page load

    - Save panel position among siblings and apply on next time

### Installation and dependecies

LobiPanel is depended on jQuery, jQuery ui and bootstrap.

#### 1. Include necessary css/js files

```html

   

        

        

        

        

        

        

        

        

        

        

   

    

        ...

        

        

        

        

        

        

        

        

        

        

        

   

```

#### 2. Initialize plugin and use it

#### Stateful panels

In order stateful panels to works you need to:

 - Give `stateful: true` to panel options.

 - Give `data-inner-id` to lobipanel element and parent element to keep track of the child

 which contacts lobipanels as unique identifier

### For documentation and examples visit the plugin's [home page](http://lobianijs.com/site/lobipanel)