LittleCub Forms

jQuery UI is one of the most popular and powerful responsive UI framework for faster and easier web development.

LittleCub provides two themes jqueryui and jqueryui-horizontal that render form controls in jQuery UI styles. .

To load the themes, we can either use the compiled version or load the templates directly. Make sure you adjust the paths in the following code snippet.

Runtime Mode

<script src="dist/littlecub-jqueryui.min.js" type="text/javascript"></script>

Development Mode

LittleCub.loadThemes({
    "default" : "themes/jqueryui/jqueryui.html",
    "default-horizontal": "themes/jqueryui/jqueryui-horizontal.html"
}, function() {
    // Rest of your forms related code goes here!
});

For both modes, we will also need to include the custom stylesheet. Make sure you adjust the path in the following code snippet.

<link type="text/css" href="lc-jqueryui.css" rel="stylesheet"/>