Geek Answers Handbook

Change theme with jstree 3.0.0

I am trying to change the theme as follows:

  • I copied the contents of the default folder and copied them to a folder called david

  • I used replacing everyone in style.css to change instances of .jstree-default with .jstree-david in my editor

  • I am linked to a david stylesheet

  • I added this code to the main object of the jstree configuration object

    "themes": { "name": "david", "dots": true, "icons": true }

The tree does not display any of the ordinary points and icons, and clicking does not expand the root nodes.

How do you create a theme for this new jstree? The style.css file and related sprites are different from the version 1 that I worked with.

Are there already created themes for jstree 3.0.0?

UPDATE: Therefore, to get my information from StackOverflow, I was very happy to receive help on this issue directly from the author of jstree very timely.

+6
source share
1 answer

Do you remember that your css file is used successfully? I use the following code to change the theme to dark. Hope to help you.

 $('#jstree_demo_div').jstree({ 'core' : { "themes": { "name": "default-dark", "dots": true, "icons": true }, ... <link rel="stylesheet" href="/media/images/jstree_themes/default-dark/style.min.css" />
+18
source

More articles:


All Articles