About Features Downloads Getting Started Documentation Events Support GitHub

Love VuFind®? Consider becoming a financial supporter. Your support helps build a better VuFind®!

Site Tools


Warning: This page has not been updated in over over a year and may be outdated or deprecated.
development:architecture:jstree

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Last revisionBoth sides next revision
development:architecture:jstree [2018/12/20 12:33] ekilfeatherdevelopment:architecture:jstree [2018/12/20 12:38] 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.
 +
 ---- struct data ---- ---- struct data ----
 ---- ----
  
development/architecture/jstree.txt · Last modified: 2020/09/22 14:16 by demiankatz