jstree-bootstrap-theme's Introduction

jsTree Bootstrap Theme

Since there aren't many jsTree themes out there, we thought we'd make this one freely available.

jsTree Bootstrap Theme is created as a part of Proton UI Responsive Admin Panel Theme currently being developed.

##What is jsTree?

jsTree is a javascript based, most awesome cross browser tree component. It is packaged as a jQuery plugin.

It is available absolutely free at http://www.jstree.com/ or at https://github.com/vakata/jstree.

For your convenience entire jsTree pre 1.0 fix2 version is included with this theme.

##Theme Demo A demo with five detailed examples is available at jsTree Bootstrap Theme Demo page.

##Responsiveness jsTree Bootstrap Theme is Responsive. To see the effect open the demo and scale a browser window down until the window width is less then 480 pixels.

Mobile friendly design should make it easier to tap nodes with more precision.

##LESS CSS support

If you wish to further customize the theme you might find it convenient to use included LESS files.

To develop using LESS files please uncomment this section in /demo/index.html

	<!-- Include LESS files for development only (otherwise style.css is auto-loaded by jsTree plugin) -->
	<!--
		<link rel="stylesheet/less" href="../themes/proton/style.less?1375004169" media="all" />
		<script type="text/javascript" src="../themes/proton/less-1.3.1.min.js"></script>
	-->

After that, it's important to empty the contents of /themes/proton/style.css as it is loaded automatically via jsTree plugin.

Once done with tweaking all you have to do is compile the files to style.css using lessc command line utility, and remove/comment out the lines reffering to LESS files in /demo/index.html head section.

// compile less to css file example

lessc /path-to/jstree-bootstrap-theme/themes/proton/style.less > /path-to/jstree-bootstrap-theme/themes/proton/style.css

Recommend Projects

ericgrivilers / jstree-bootstrap-theme Goto Github PK