drag and drop symbols and nodes connecting lines disappeared in modal window.

Zoran Jeremic

unread,

Jun 29, 2010, 5:02:17 PM6/29/10

to jsTree

Hi Ivan,

I added my wicket page containing two jstree to wicket modal window
and I lost some jstree features that were there before. When I drag
node I don't have green "check mark" symbol or red "X" symbol, but
green or reed square instead. I also don't have lines connecting
nodes.

Zoran

vakata

unread,

Jun 29, 2010, 5:17:05 PM6/29/10

to jsTree

Sorry but I cannot help you like that, point me to a live demo or send
your files so that I can help you debug. It is obvious that the theme
is not loaded, but I cannot tell you why.
Also try using the latest commit.

Kindest regards,
Ivan

Zoran Jeremic

unread,

Jun 29, 2010, 6:25:45 PM6/29/10

to jsTree

Ivan,

You already indicated where to look for the problem, so I found it.
When I copied theme folder from your svn repository to my project that
is also in svn, it probably caused some svn conflict, so I can't
update it in repository. I will try to fix it now.

Thanks.
Zoran

ChrisR

unread,

Jul 2, 2010, 10:05:55 AM7/2/10

to jsTree

Hi Ivan,

I have the same problem (red and green squares when using dnd). I
cannot use the 'themes' plugin, because I'm using the themeroller.
When I delete the themeroller from plugins section in configuration
and add the themes plugin, everything works fine, but I cannot use the
themeroller then.

Best regards,
ChrisRaven

> > > green or reedsquareinstead. I also don't have lines connecting
> > > nodes.
>
> > > Zoran
>
>

vakata

unread,

Jul 3, 2010, 6:44:03 AM7/3/10

to jsTree

Hi, actually I never thought of this issue ... maybe I will include an
optional themeroller theme which will only style the context menu and
drag nodes ... and possibly add the dots :)
Anyway - in the mean time - you can use this:
#vakata-dragged ins { background:transparent !important; }
#vakata-dragged .jstree-ok { background:url("d.png") -2px -53px no-
repeat !important; }
#vakata-dragged .jstree-invalid { background:url("d.png") -18px -53px
no-repeat !important; }
#jstree-marker { background:url("d.png") -41px -57px no-repeat !
important; }

You can find d.png in the default theme (or even use d.gif for better
IE6 support). You can of course use your own images too :)

Kindest regards,
Ivan

ChrisR

unread,

Jul 3, 2010, 10:56:23 AM7/3/10

to jsTree

Hi,
Thank you for suggestions and appropriate css entries. I will think
about using some sprites from jQuery.UI to have harmony with chosen
theme, or I'll use standard sprites as you suggest :)

Best regards,
ChrisRaven

Reply all

Reply to author

Forward