Comments on: jsTree 0.6

By: addwin

addwin — Wed, 16 Jul 2008 10:41:33 +0000

@vakata
Thanks, that fixed the problem! I have placed the updated version online:

http://www.addnoise.nl/jstree_update/examples/addsite_tree.html

By: vakata

vakata — Wed, 16 Jul 2008 07:45:14 +0000

@addwin
Thank you for the info – fixing the leaf issue now.
As for the marker placement – leave the original CSS file as is and overwrite some of the rules like this:
#predef li { line-height:24px; min-height:24px; } #predef li a { line-height:22px; height:22px; background-position:4px 3px; } #predef li a:hover, #predef li a.clicked { background-position:3px 2px; }

By: addwin

addwin — Tue, 15 Jul 2008 15:43:13 +0000

Hello,

First of all great script!

I’m having trouble positioning the marker image with drag and drop. The list has some padding. I even tried version 0.6.5 but that did not help either. The sample can be found at:

http://www.addnoise.nl/jtree/examples/addsite_tree.html

When adding a new node (category) it assigns the ‘wrong’ icon. I think it should be the leaf icon.

Thanks!

By: vakata

vakata — Wed, 09 Jul 2008 18:20:03 +0000

@William
Thanks – actually I was not sure what to do with this – the simplest fix would be to check if the node has children before opening it, the reason I am not checking that is because the children could be loaded onopen (ajax).
Still – I will fix this and upload the new version tomorrow. As for async – I believe it could be a setting.

By: William

William — Wed, 09 Jul 2008 17:27:36 +0000

Great, I look forward to being able to replace my current tree script with yours.

I’ve found a bug in the cookies functionality.
Basically if you rearrange the tree and then refresh the page, sometimes it puts collapse/expand arrows on nodes with no children.

By: vakata

vakata — Wed, 09 Jul 2008 14:27:52 +0000

@William
Currently – no (unless you define rules for each parent which is tedious and not efficient), but I’m writing it down for the next version.

By: William

William — Wed, 09 Jul 2008 14:03:48 +0000

Is there a way to restrict movement to within same parent?

By: vakata

vakata — Wed, 09 Jul 2008 07:53:08 +0000

@Arthur
You can currently just replace the two image files in the images folder (for collapse & expand). As for the node size – it has been somewhat fixed (check the latest revision at the SVN & Post no.27 here)
About the a.add & a.modify – check your selector – if you have an ID for the container try using #id-of-container a.add, or at least .tree li a a.add, to get a higher priority selector.

By: Arthur

Arthur — Wed, 09 Jul 2008 07:11:56 +0000

One more question: I am trying to add some extra image links to the right of the main link (these would be for add/delete images next to each list item), but these links keep getting the background-image for the main list item link. Is there a way to turn this off: Item3 Published I have set a css class with a.add, a.modify { background-image: none; } but that still gets the background image.

By: Arthur

Arthur — Wed, 09 Jul 2008 05:39:46 +0000

First let me say fantastic control, I have been looking for something like this for awhile.

A suggestion – it would be nice to be able to easily change both the expand/collapse icon and the background image for the nodes. While you can change the background image for the node they must be approximately the same size or else there will be problems with the line height. It would be nice if there were a couple easy overrides that you could do in the css that would allow for different sized icons for the page background and also to replace the expand/collapse icons for the nodes and allow them to be different sizes as well.

Currently it is not easy or straight-forward to do this.