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

    Can you colour code by rank

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

    i love this script

     

    http://form.jotform.co/form/52451061338853

     

    question

     

    can you colour code the choices made by the user so that

     

    * the first 18 chosen turn Green

    * the next 6 chosen (choices 19-24) turn yellow

    * any name above the 24th name chosen turns red

    colour JotForm name next choices
  • Profile Image
    JotForm Support

    Answered by Charlie on September 03, 2015 at 09:10 AM

    Unfortunately, it seems like it is not possible on that widget.

    But, I see that the Orderable List widget can achieve this.

    Here's a test form using that widget: http://form.jotformpro.com/form/52453508168963. You can clone it using this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Here's the custom CSS code that I used:

    li.item {

    width: 100px !important;

    display: inline-block !important;

    color: white !important;

    }

    li:nth-child(-n+18) {

    background-color: green !important;

    }

    li:nth-child(n+19):nth-child(-n+24) {

    background-color: yellow !important;

    }

    li:nth-child(n+25) {

    background-color: red !important;

    }

     

    I hope that helps. Do let us know if you need more assistance on this.

  • Profile Image

    Answered by zugfrig78 on September 03, 2015 at 05:26 PM

    hi

     

    yes ive already gotten that far with the orderable widget, but i still run into problems because the widget will not remember the order in which the names were chosen

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 03, 2015 at 11:37 PM

    Hi,

     

    If you want to change the color depending on the order of what the user selects, unfortunately, you will need a script code for this to work on your form. You can download the full source code of your form and then just add the script in your form.

     

    Do let us know if you need further assistance.


    Regards.

  • Profile Image

    Answered by zugfrig78 on September 04, 2015 at 01:46 AM

    what script do i have to paste in there?

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 04, 2015 at 03:28 AM

    Hi,

     

    Have you downloaded your form source code and embedded it in your website? Can provide us the URL of your website? From there we can start analyzing what should be done and what script should be inserted for it requires some adjustments and programming knowledge. If you want you can hire a programmer to do it for you.

     

    Regards.

  • Profile Image

    Answered by zugfrig78 on September 04, 2015 at 04:56 AM

    using your suggestions and a few other on other forum post ive been able to get it up to this point which in full source code to my website

     

    http://zugfrig78.wix.com/tpc16-v4#!1/c1pl8

     

     

    the issues i have with this is that the drag adn drop functionality is very difficult to use on a small device like and ipad or iphone

     

    if i could add script so that the user clicked a name (which would highlight it) and click another name to swap the two names (instead of drag adn drop) i think that would solve my problem.

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 04, 2015 at 08:31 AM

    Hi,

     

    I accessed the site you mentioned above, however, it is asking for an account in wix.com. 

     

    Can you provide to us the exact URL where you have embedded your form so we can further check the issue?

     

    We will wait for your response.


    Regards.

  • Profile Image

    Answered by zugfrig78 on September 04, 2015 at 09:18 AM

    Please try again i have unprotected the page

     

    http://zugfrig78.wix.com/tpc16-v4#!1/c1pl8

     

     

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 04, 2015 at 10:46 AM

    Hi,

     

    As per further checking, the feature - the user clicked a name (which would highlight it) and click another name to swap the two names - you are looking might need complex script and program codes for it to work. This might be needed to check by our development team as an additional feature of the widget. Based on your threads, one of my colleague already submitted a feature request ticket to our development team. You can check the thread here. We will inform you on that thread any updates on the feature request.

     

    Regards.