173 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
kungfu-themes says

Hi everyone,

I just wanted to know if I am sharing the same issues. I’m making a page builder using jqueryUI sortables but it really doesn’t work as intended. The drag drop is not really intuitive.

Do I have to hack this or is this completely normal or am I missing something simple?

I would have thought authors would be using this exact same method.

http://jsfiddle.net/ursEt/25/

If you drag item 1 below under item 3 it works ok. But now let’s say you want to move item1 back to where it was.

Intuitively like a jigsaw puzzle, you would try to move it into the blank space (hold). But it doesn’t snap there easily. The only reliable way i found was dragging item1 half way between item3 and item2.

Is this what is to be expected?

173 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
kungfu-themes says

I think I found a work around. I added a handle at the very beginning so it kind of snaps better.

I think it is the easiest and more reliable solution rather than trying to hack it.

Plus it works on ie7.

http://jsfiddle.net/4x6S7/

^If anyone is interested.

173 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $100+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
kungfu-themes says

Last addition, in case anyone was interested.

Adding a dynamic placeholder. I happy at the basic functionality now.

http://jsfiddle.net/4x6S7/10/

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by