Remove the Folder Icons?

4,113 views
Skip to first unread message

Mr B

unread,
Oct 25, 2009, 10:19:19 PM10/25/09
to jsTree
How is the best way to remove the folder icons?

Thanks!

vakata

unread,
Oct 28, 2009, 8:59:27 AM10/28/09
to jsTree
Just modify the theme (create your own), or do not include a theme. Or
even just include a line of your own CSS:

.jstree li a ins { display:none !important; }

that should do it.

Kindest regards,
Ivan

Mr B

unread,
Oct 28, 2009, 5:37:00 PM10/28/09
to jsTree
I had modified the classic menu by changing this line:

.tree-classic ins { background-image:none; padding-left: 0; }

This removed the folders but left a space in each node.

Today I reverted back to the original style sheet and tried your
suggestion. I added

<style type="text/css">
.jstree li a ins { display:none !important; }
</style>

to the page itself. This did not seem have any effect. Of course this
is easy, but I wonder why it doesn't work. I know that I can create a
new theme, but I want this theme without display of folders. I it
would be correct to have jquery modify the css based on a
configuration parameter.

Do you know why this did not work?

Thank you!

Mr B

unread,
Oct 28, 2009, 6:31:21 PM10/28/09
to jsTree
Perhaps the question I should be asking...

After I remove the folder how do I get the node text to move left to
fill in where the folder icon use to be?

vakata

unread,
Oct 28, 2009, 7:21:37 PM10/28/09
to jsTree
Sorry about that - it should be:

.tree li a ins { display:none !important; }

Try it and tell me how it went.
Cheers,
Ivan

Mr B

unread,
Oct 28, 2009, 7:44:11 PM10/28/09
to jsTree
That works!

Thank YOU! I had just added firebug to Firefox to see the css applied.
Thanks for sure! I was looking at how to get rid of the gap, but this
is much better.

This could also be a configuration like No-Dots.

Thanks again so very much!

Mr B

unread,
Oct 28, 2009, 8:58:49 PM10/28/09
to jsTree
Reply all
Reply to author
Forward
0 new messages