9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Front end drag and drop??

by Planning To Success
9 replies
Hi,

I want to make a site where it is possible for clients to put in data into forms and use drag and drop to move the elements. Can't find anything online that can help me do that.

I want to make a kind of interactive website with drag and drop. Tips are very welcome.

So it's not for the back-end but for the front end.

thanks
#drag #drop #end #front
  • Profile picture of the author pentaxial
    Originally Posted by Planning To Success View Post

    Hi,

    I want to make a site where it is possible for clients to put in data into forms and use drag and drop to move the elements. Can't find anything online that can help me do that.

    I want to make a kind of interactive website with drag and drop. Tips are very welcome.

    So it's not for the back-end but for the front end.

    thanks
    Hi ,

    jQuery drag & drop - useful for your need , check below link

    https://jqueryui.com/draggable/
    {{ DiscussionBoard.errors[10602591].message }}
  • Profile picture of the author Planning To Success
    Thanks, I had found that site earlier. actually what i want to make is a site where people can make todo lists and do project management, but i don't know how to do that. any tips?
    Signature

    Hans and Merlijn present to you:

    www.planningtosuccess.com

    {{ DiscussionBoard.errors[10602653].message }}
    • Profile picture of the author Joe Ray
      Originally Posted by Planning To Success View Post

      Thanks, I had found that site earlier. actually what i want to make is a site where people can make todo lists and do project management, but i don't know how to do that. any tips?
      For a project management site, you don't necessarily need a drag & drop function. Do you mean a GUI where users can edit the page? Or what? Can you post some more details of what you want to do exactly? It's not very clear.
      Signature

      {{ DiscussionBoard.errors[10602780].message }}
    • Profile picture of the author David Beroff
      Originally Posted by Planning To Success View Post

      Thanks, I had found that site earlier. actually what i want to make is a site where people can make todo lists and do project management, but i don't know how to do that. any tips?
      Pentaxial just told you how. What was wrong with his answer?
      Signature
      Put MY voice on YOUR video: AwesomeAmericanAudio.com
      {{ DiscussionBoard.errors[10602806].message }}
  • Profile picture of the author anhtuvp
    Banned
    But content is the most important
    {{ DiscussionBoard.errors[10603023].message }}
  • Profile picture of the author noah.whitmore
    You could definitely figure out how to do this jQuery UI's Draggable like Pentaxial said. First, check out https://jqueryui.com/draggable/#sortable - this will load up the demo that would lead you in the right direction.

    The demo above combines the jQuery UI Draggable widget with the jQuery UI Sortable widget. Then, you could tap into the sortable API to have you script sense when a user makes a change - check out Sortable Widget | jQuery UI API Documentation for that.

    You would need a server side script that receives the changes and saves them.

    You could also go with a non-jQuery solution. Something like the non-jQuery Sortable plugin by Lebedev Konstantin might work for you. It's pretty slick. You can see demos at Sortable. No jQuery. and you can read about using it at https://github.com/RubaXa/Sortable

    - Noah
    Signature
    No Pitch For The Moment - Just A Nice Hello.
    So... 'Hello'
    Feel free to PM me if you have any questions about my posts. I'd like to hear from you!
    {{ DiscussionBoard.errors[10603323].message }}
  • Profile picture of the author Alexander Simmons
    Maybe this js plugin is what you need
    {{ DiscussionBoard.errors[10613000].message }}
  • Profile picture of the author Emma Page
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[10623859].message }}
    • Profile picture of the author David Beroff
      Originally Posted by Emma Page View Post

      Use Wordpress or TemplateToaster for drag drop website and add a good plugin in the theme finding the editing or upload option by clients.
      Don't forget the Web 3.0 GUI! (I prefer dark green.)
      Signature
      Put MY voice on YOUR video: AwesomeAmericanAudio.com
      {{ DiscussionBoard.errors[10624030].message }}

Trending Topics