orangehill / jstree-bootstrap-theme Goto Github PK
View Code? Open in Web Editor NEWReponsive jsTree Twitter Bootstrap 3 Compatible Theme
License: MIT License
Reponsive jsTree Twitter Bootstrap 3 Compatible Theme
License: MIT License
Are there any plans on supporting Bootstrap 4 and FontAwesome 5?
How difficult would it be to take the existing Bootstrap 3 theme and update it for BS4 and FA5?
Hi-
This is great, but I have been unable to get it to work with jsTree v3.0.x. Does it work with v3.x? Could you please provide an example that uses v3?
Many thanks,
Greg
file name for 40px icons is 30px
Color white is a problem when trying to edit the name of node (at first it seems fine but when your mouse on the node and you start writing the text is white... invisible.
.jstree-proton.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered
line 352
.jstree-proton .jstree-hovered {
line 305
Hi,
Thanks for sharing this great project! It is exactly what I was looking for. However, the folder URL for a large screen (using responsive) is not selecting the right portion of the sprite (see screenshot). When I resize down it's fine.
I narrowed it down to this code, but am unclear which icon I should grab and with what padding.
.jstree-proton .jstree-folder { background: url("32px.png") -261px -5px no-repeat; }
I'm hoping you may be able to resolve it more quickly/easily than I can. Can you have a look?
Let me know, thanks!
Greg
When editing a node, text color still white, same as background color, so I have to change the background color.
I don't seem to be able to run the less or grunt command without getting an error. Even on a freshly checked out version of the repo. When I run either one of them (lessc or grunt) I get an error of:
Grunt
src/themes/main.less: [L42:C1] Operation on an invalid type
Lessc
SyntaxError: Operation on an invalid type in /src/themes/proton/main.less on line 100, column 2:
99 .jstree-@{theme-name} {
100 .jstree-theme(22px, "@{image-path}32px", 32px);
101 &.jstree-rtl .jstree-node {
I'm apologize if this is a simple problem. I'm not familiar enough with less to diagnose it and I google wasn't much help.
Hi, i need obtain all the parents and childs than are been selected, can you help me for this situation?
I think will better if put images inside folders, not in the same directory of css.
Hi
I recently upgraded from jstree v3.1.1 to v3.2.1. I was using search plugin with 'show_only_matches' to true. With v3.1.1 it was not displaying the non matching nodes and displaying matching nodes with different css style. But after upgrade to v3.2.1 it is showing all the nodes and matching nodes in different css style.
Note: I am using the latest 'proton' theme avaliable in the repository.
For E.g. if I have following tree str:
A\B\C\USA
A\B\C\Germany
A\B\D\USA2
A\D\India
and user searches for string 'US' the matching nodes were displayed:
A\B\USA //with different css styling
A\B\D\USA2 //with different css styling
But now the tree is displaying as:
A\B\C\USA //with different css styling
A\B\C\Germany
A\B\D\USA2 //with different css styling
A\D
This issue seems like the issue of css files we have. Any plan to update the css files?
I noticed that is missing a code to hide nodes when is used the search plugin.
Without this code, the search plugin show more nodes than was filtered
.jstree-hidden,
.jstree-node.jstree-hidden {
display: none;
}
This theme for jstree is absolutely great. Many thanks. I do have 1 feature request. Can we replace the icons with Font Awesome versions? In particular:
Many thanks and keep up the great work!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.