LobiPanel
jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.
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
<!--Default installation--> <!--Installation using bower. Preferred!!! --> <!--<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"/>--> <!--<link rel="stylesheet" href="bower_components/jquery-ui/themes/ui-lightness/jquery-ui.min.css"/>--> <!--Run `bower install font-awesome` and uncomment this line to see font awesome examples--> <!--<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"/>--> ... <!--Default installation--> <!--Installation using bower. Preferred!!! --> <!--<script src="bower_components/jquery/dist/jquery.min.js"></script>--> <!--<script src="bower_components/jquery-ui/jquery-ui.min.js"></script>--> <!--<script src="bower_components/jquery-ui-touch-punch-improved/jquery.ui.touch-punch-improved.js"></script>--> <!--<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>-->