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

  • stephie6
    Asked on April 17, 2015 at 2: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.How to make other fields in a group appear frozen once a selection is made in one of them? Image 1 Screenshot 20

  • Ben
    Replied on April 17, 2015 at 3: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.

  • stephie6
    Replied on April 20, 2015 at 9: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

  • Ben
    Replied 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.