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

    How to make other fields in a group appear frozen once a selection is made in one of them?

    Asked by stephie6 on April 17, 2015 at 02:36 PM

    http://form.jotform.us/form/51046834694158

     

    with this form and for this part on picture below. I want that my customers when they select one quantity in one category it automatically puts the right price next to it without selecting and get the other categories, quantity and prices FROZEN. they can't make a second choice.

     

    thanks for your help.

    Selection choices freeze fields lock fields
  • Profile Image

    Answered by Ben on April 17, 2015 at 03:37 PM

    Unfortunately, at this time there is no option that can help you with the above feature, but there is a workaround that would allow you to make it do the same.

    To see this, I made a clone of your jotform and you can see it here: http://form.jotformpro.com/form/51066079925966

    What I did was to add a Text element above the fields - so that it can be used as a cover. Since I made it empty, nothing will be shown, while in the same time, the field under it is 'locked'.

    This is the code to make it so:

    #id_89, #id_90, #id_91, #id_92, #id_93 {
        height: 70px;
        margin-bottom: -70px;
        z-index: 1;
    }

    Now, if you would like to show to your users that the form is working, but that the fields are simply shown (so that they are not trying to click on the field without knowing what is going on), you can use this code instead:

    #id_89, #id_90, #id_91, #id_92, #id_93 {
        background-color: gray;
        border-radius: 35px 35px 10px 10px;
        height: 70px;
        margin-bottom: -70px;
        opacity: 0.046;
        z-index: 1;
    }

    It will make it slightly noticeable above the fields as a gray overly.

    Now you could even add some text to the Text field to show some text above the disabled fields, or to show them as stroked out, etc.

    You can clone the form above by following the steps here: How to Clone an Existing Form from a URL or set your jotform by adding the CSS code to your jotform by following the steps here: Inject Custom CSS Codes

    Please note that the IDs above are of the new Text fields, that you would need to add manually and that if the IDs do not match, the code would need to be slightly modified.

  • Profile Image

    Answered by stephie6 on April 20, 2015 at 09:06 AM

    ok this is good !

    but i want the client that choose 1000 for quantity that the price 162$ appears next to it automatically. we don't want to let the client choose the price in the choices. can you do that ?

     

    http://form.jotformpro.com/form/51066079925966

  • Profile Image

    Answered by Ben on April 20, 2015 at 11:01 AM

    I am glad that you like it :)

    This seems to me to be a different functionality than mentioned in the original post and as we can assist with only one feature / issue / question at a time I have moved this to another thread.

    This new thread can be found here: http://www.jotform.com/answers/555477 and we will be replying to it shortly.