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

    Orderable List Widget: ability to swap items by clicking one, then the other

    Asked by zugfrig78 on September 03, 2015 at 01:09 AM

    ok thanks, 

    but that thread aside, 


    can a click then second click (swap names) be applied to this style widget above? ad i prefer this layout

  • Profile Image

    Answered by Boris on September 03, 2015 at 01:27 AM

    As I understand it, you wish for the following workflow:

    - click one item in the Orderable List Widget

    - it changes styling to show that it is pressed/picked

    - if a different item is clicked while the first one is toggled, they will switch places.

    This is to avoid having all the items in between them from shifting around while you or your users are reordering the list.

    I have raised this as a feature request to our developers for possible inclusion in the future, though we can't give you any estimates on when that might be, because our developers already have a lot of scheduled work on their plate.

    We will let you know through this thread if we have any relevant news about this feature. Thank you.

  • Profile Image

    Answered by zugfrig78 on September 03, 2015 at 01:28 AM

    That is exactly it!

  • Profile Image
    JotForm Support

    Answered by TitusN on October 13, 2015 at 04:37 AM


    We've implemented this feature - If you click any of the options on the Orderable list, clicking another option will lead to the two swapping places.

    Please give it a try and share your experience - https://form.jotform.com/52852309222956?


  • Profile Image

    Answered by zugfrig78 on October 13, 2015 at 07:19 PM

    fantastic. thankyou.



    is there a way that i can split the list into 3 colums so instead of 









    ect ect




    have it



    1                     2                    3

    4                     5                    6

    7                     8                    9


  • Profile Image

    Answered by Sammy on October 14, 2015 at 03:22 AM

    You can use the CSS column property to lay out the list in a column.

    Kindly add the following CSS to you widget

    #sortableList {
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;


    This will give you an outcome similar to the screenshot below. Please note IE8+ does not currently support the column feature in CSS, I haven't tested in the Edge browser yet.

  • Profile Image

    Answered by zugfrig78 on October 14, 2015 at 08:08 PM



    i do so here https://form.jotform.co/52856817444869? 


    but i have two problems


    i need the choices to go 1, 2, 3 across the page, not down the page, and there seems to be an issue about choice 29

  • Profile Image
    JotForm Support

    Answered by Chriistian on October 15, 2015 at 03:20 AM



    I checked the form you provided and it seems that the widget is working fine.


    Can you provide us more details regarding the issue you are experiencing so we can further check? You want to display the options like this:

    1  2  3

    4  5  6

    7  8  9


    instead of 

    1  4  7

    2  5  8

    3  6  9


    Please confirm.

    We will wait for your response.