What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Drag and Drop form Idea - Can it be done?

    Asked by zugfrig78 on December 13, 2013 at 01:00 AM

    Hi,

    I’m currently using a script/form that has served a purpose for me for some time but I keep thinking back to a vision I had some time ago that I was never able to master.

     

    The closest thing I can find to what I want is shown here

    http://www.dhtmlgoodies.com/scripts/drag-drop-quiz/drag-drop-quiz-d2.html

    but it’s still not exactly what I’m after (im not looking for a quiz)

     

     

    Basically I am creating a team selection page for my users (there only a handful of them)

     

    What I would be doing is list on the right hand side of the screen, every available player in their squad (usually 45 names) and the on the left hand side of the screen, have empty boxes (18 of them) representing the positions on the field.

    There would also be a sub section below the 18 feild positions on the right for emergency players (6 of them) in case somebody got injured ect.

     

    My hope then would be that a user could:

     

    * Click a name on the left and drag it to a field position on the right, thus filling that position and removing the players name from the squad list (because he has been selected)

     

    This would continue to happen until all field positions were full.

     

    * Once all positions were full, the user would click a submit button to send the chosen players to me in a plain text list via email

     

    * A user would be banned from clicking submit until all positions were filled.

     

    * A user could remove a player by dragging his name back out of a position (this would also re disable the submit button if the position is then not filled.

     

    * I've attached a photoshop view of my idea (sorry for it being out of allignment) and note that the sample might not follow the rules shown above (eg submit button visible before team it full

     

     

    Is this still something that is too ambitious???

    Screenshot
    email style name allignment
  • Profile Image

    Answered by jedcadorna on December 13, 2013 at 05:57 AM

    @zugfrig78,

    That's actually a nice feature that Jotform can add, an ability for the user to add a drag and drop fields into the form and organized based on numbers or probably ranking. I will forward this nice idea to our dev team to have them added this feature (probably through a form of widget) in the future release. I cannot provide an ETA on this since we know that our dev team is busy with other priorities like enhancing some other jotform feature what I can assure you is that once an update or news is available you will surely get a notification from our dev team and if an increase of request about this feature has been submitted they can increase its priority level to important.

  • Profile Image

    Answered by zugfrig78 on December 13, 2013 at 06:37 AM
    Ok, cool thanks
  • Profile Image
    JotForm Support

    Answered by abajan on December 13, 2013 at 07:13 AM

    I don't know how feasible it is but such functionality would be a very nice addition to our product.

  • Profile Image

    Answered by zugfrig78 on December 13, 2013 at 05:46 PM
    Somebody else said to me rather than drap and drop that you may be able to just click and highlight a name one the right and then click a position on the left and the name would populate.While not as ascetically pleasing this would also work, as long as when the chosen name went to position that name either disappeared from the list or greyed out so it couldn't be used twice.New season starts in February ..... Get to work Jotform Team :-) :-) :-)
  • Profile Image
    JotForm Support

    Answered by ardy0689 on December 13, 2013 at 07:20 PM

    Thanks for the additional info. That would be cool as well. I think the latter part where you just click the right part and click the team to populate that can be more feasible than the drag and drop. However, our development team still have the final say on this. As more votes for this feature, the higher the chance that this can become a future release. We will surely update you here for any improvments or news regarding this feature request. Thank you

  • Profile Image

    Answered by zugfrig78 on December 14, 2013 at 06:01 PM
    Hi guys, glad you like the idea. Could the version at http://www.dhtmlgoodies.com/scripts/drag-drop-quiz/drag-drop-quiz-d2.html not be used as a starting point. I mean in essence my idea is dumbing down their version as their version is checking for correct answers. It would just need extra boxes for names and positions and a submit button?
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 14, 2013 at 09:21 PM

    @zugfrig78 

    Thanks for the clarification. I have noted that on the request ticket.

    Regards!

  • Profile Image

    Answered by zugfrig78 on December 14, 2013 at 11:33 PM
    Cool, thanks... Is there anywhere I can follow the ticket?
  • Profile Image

    Answered by Cesar on December 15, 2013 at 12:22 AM

    @zugfrig78

    Any information in regards to the ticket that is posted by the Development Team will be accessible through this thread, and you should be notified by email as well. Thank you.

  • Profile Image

    Answered by zugfrig78 on December 15, 2013 at 01:20 AM
    Hi guys, sorry for bugging you, I'm excited about the possibilities.......... I have a question for you all given the idea above looks like it's going to take some time and a few of you liked it.................... If I had just posted my requirements without showing you the sample I found and my screenshot I photoshopped, how would each of you have replied as your best known way to solve my problem using existing Jotform features???? ............................. MY BASIC REQUIREMENTS ARE if I have a list of 45 names, I need a user to select 18 primary names and 6 secondary names from the list and have the form email me their selections in the order that they were chosen...... It must also ensure that no name was used twice.............. I'd like to simplify what I currently use which shows all 45 names twice and the user has to choose 18 and then move onto the second list (of the same names) and choose a further 6
  • Profile Image
    JotForm Support

    Answered by EltonCris on December 15, 2013 at 04:22 AM

    @zugfrig78 

    How about these widgets? These might be able to help though it's not made on drag and drop UI, but it has the main function which is selecting/deselecting items on the predefined list.

    http://widgets.jotform.com/widget/dual_listbox

    http://widgets.jotform.com/widget/visual_multi_select

    Hope this helps. Thanks!

  • Profile Image

    Answered by zugfrig78 on December 15, 2013 at 07:07 AM
    Hello, they look very interesting, thank-you. I will definitely have a play with those tomorrow.... It would certainly avoid the picking a name twice issue, the only question would be could I apply a rule some how to ensure the correct number of names were chosen? And will it (upon submitting) show me the order the items were selected in as this is important to me?
  • Profile Image
    JotForm Support

    Answered by Welvin on December 15, 2013 at 09:51 AM

    Hi,

    Unfortunately, there is currently no way you can setup a limit to both the widgets given by my colleague. You can put an advice to the form using the free text field about the limit.

    Yes, you should be able to receive the selected items to your email and form submissions page. Example:

    Thanks

  • Profile Image

    Answered by zugfrig78 on December 15, 2013 at 03:46 PM
    Hi. What about if We manually add script to it for example in the current form I'm using created by FXR and Abajan they have both a countdown feature to the correct number of selections as well as disable the submit button until the correct number or selections are made.......more details at http://www.jotform.com/answers/303687-Form-Countdown-feature?entrymessage=10732640770
  • Profile Image
    JotForm Support

    Answered by jonathan on December 15, 2013 at 05:37 PM

    Hi,

    May I suggest that you create a separate new post for your latest question. Use this link http://www.jotform.com/contact/

    This original post already have a subitted feature ticket and it is no longer related to the latest exchanged message.

    --

    On the new thread, I suggest that you create first the base form with the required widgets included.

    Then, we can assist you later on what can be done to expand the form capabiltiy with the source code scripts inclusion.

    Share to us the URL of the form you intend to 

    Thanks.

  • Profile Image

    Answered by zugfrig78 on December 15, 2013 at 08:05 PM

    HI, I DID IT,,,,,

     

    ITS ON THIS LINK http://www.jotform.com/answers/304785-Altering-a-wiget-Form#0

  • Profile Image

    Answered by zugfrig78 on September 01, 2015 at 07:44 AM

    Hi

     

    at the time people seemed to like my original idea in this post

     

    has anything like this ever eventuated

  • Profile Image
    JotForm Support

    Answered by BJoanna on September 01, 2015 at 11:25 AM

    Unfortunately this feature is still not implemented.

    We will inform you via this thread once we have any updates from our developers.