.testcontainer

Basic example using jsPanel

Loaded resources: jquery, jquery ui, jquery-ui-touch-punch (only needed to support touch actions for jquery ui), jsPanel.
This file does not load Bootstrap, third party icon fonts and third party css animations since they are not necessary to use jsPanel.

jsPanel Home: http://jspanel.de/

jsPanel API: http://jspanel.de/api/

jsPanel GitHub: https://github.com/Flyer53/jsPanel

Example 1 creates a naked jsPanel with defaults only:

$.jsPanel();

Example 2 creates a jsPanel with positioning, title and theme:

$.jsPanel({
    position: {
        left: 200,
        top:  100
    },
    title:    'jsPanel theme info',
    theme:    'info'
});

Example 3 creates a jsPanel with a header toolbar:

Example 4 creates a jsPanel within .testcontainer and restricts dragging to within .testcontainer:

$.jsPanel({
    selector:  '.testcontainer',
    theme:     'dark',
    position:  'center',
    draggable: {
        containment: "parent"
    }
});