drig

Application grid component.

Purpose

The purpose of this component is to provide a way to organize and navigate between your applications. It should work almost as on the iPhone.

How to use

In order to use the drig component it is super easy.

• Import the drig.js file in your project.
• In the html page add a container.

<div id='drigContainer'></div>

• In a javascript function which is called on the page initialization, initialize the component.

$('div#drigContainer').drig({
            data: {
                applications: [{
                    id: 1,
                    order: 1,
                    name: "Application 1"
                }, {
                    id: 2,
                    order: 2,
                    name: "Application 2"
                }, {
                    id: 3,
                    order: 3,
                    name: "Application 3"
                }, {
                    id: 4,
                    order: 4,
                    name: "Application 4"
                }]
            }
});