About Features Downloads Getting Started Documentation Events Support GitHub

Site Tools


development:architecture:jstree

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
development:architecture:jstree [2018/12/20 12:33]
ekilfeather
development:architecture:jstree [2018/12/20 12:38] (current)
ekilfeather
Line 5: Line 5:
 The bootstrap3 theme includes custom CSS for the jsTree component. To use the default theme requires that you override the CSS for this component in your custom theme. If you are using SCSS/LESS the easiest way to do this is to copy the jsTree default CSS from the bootstrap3 [[https://​github.com/​vufind-org/​vufind/​blob/​master/​themes/​bootstrap3/​js/​vendor/​jsTree/​themes/​default/​style.min.css|vendor]] folder into the ''​themes/​%your_custom_theme%/​scss''​ folder. Then include the file in your SCSS ''​@import''​ at the top of the theme SCSS file. The bootstrap3 theme includes custom CSS for the jsTree component. To use the default theme requires that you override the CSS for this component in your custom theme. If you are using SCSS/LESS the easiest way to do this is to copy the jsTree default CSS from the bootstrap3 [[https://​github.com/​vufind-org/​vufind/​blob/​master/​themes/​bootstrap3/​js/​vendor/​jsTree/​themes/​default/​style.min.css|vendor]] folder into the ''​themes/​%your_custom_theme%/​scss''​ folder. Then include the file in your SCSS ''​@import''​ at the top of the theme SCSS file.
  
-To prevent both background image and fontawesome icons appearing in the jsTree it is finally ​necessary to hide icons with jstree classes. This can be achieved with something like the CSS below.+To prevent both background image and fontawesome icons appearing in the jsTree it is necessary to hide icons with jstree classes. This can be achieved with something like the CSS below.
  
 ''​i.js-tree { ''​i.js-tree {
Line 13: Line 13:
   }   }
 }''​ }''​
 +
 +Finally copy the [[https://​github.com/​vufind-org/​vufind/​tree/​master/​themes/​bootstrap3/​js/​vendor/​jsTree/​themes/​default|required icon images]] to your custom theme'​s CSS folder.
 +
development/architecture/jstree.txt · Last modified: 2018/12/20 12:38 by ekilfeather