Is a custom drag icon possible?

[alastairwalkerParticipant]

Is it possible to use a custom drag icon in place of the default ‘label as icon’?

Many thanks,

Alastair

[DimitarParticipant]

Hello Alastair,

Please refer to the following example: https://www.jseditor.io/?key=jqxtree-custom-drag-icon. We hope it is helpful to you.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alastairwalkerParticipant]

That’s great!

Thank you very much!

Alastair

[alastairwalkerParticipant]

I have trying to use the script:

      var dragFeedback = $(".jqx-tree-item.jqx-draggable-dragging");
      dragFeedback.css({
        'width': '65px',
        'height': '65px',
        'background-image': 'url(http://www.jqwidgets.com/wp-content/design/i/ico_rocket.svg)'
      });
      dragFeedback.text('');

but I am finding a peculiar effect.

a) the icon does not disappear after dropping (i.e. releasing the mouse button), and
b) on subsequent drags the icon stubbornly clings to the left hand border of the widget.

Do you have any idea what this behaviour might be attributed to, and secondly, how to correct it – so that it haves as in the example?

Many thanks,

Alastair

[alastairwalkerParticipant]

Please ignore this question. I discovered that the length of the labels in the tree was causing problems.

Alastair

[Author]

Posts