On the new version of the Form Calculation Widget how do you make the result read-only?

  • supremeprincesspageants
    Asked on October 16, 2016 at 2:38 AM

    On the new version of the Calculation Widget how do you make the result field read-only?

  • Özlem JotForm Developer
    Replied on October 16, 2016 at 8:40 AM

    On the new version of the "Form Calculation Widget", unfortunately there no direct method to change calculation textbox to "Read Only". However, you can do it by following the steps below.

    1. Hide "Form Calculation Widget" textbox in your form.

    2. Add a new text field in your form to show result of the calculation.

    2. Copy the value in calculation textbox to result textbox.

     

    In the following images, you can see how to make a read-only textbox that shows the result of your calculation by using "Form Calculation Widget".

    1. Add three "Textbox" in the "Basic Fields" to your form. One of them will show the result of your calculation.

    On the new version of the Form Calculation Widget how do you make the result read only? Image 1 Screenshot 110

     

    2. Add "Form Calculation Widget" in the "More Fields" to your form. After that, please select the calculation field and click the "Wizard" button as shown in the image.

    On the new version of the Form Calculation Widget how do you make the result read only? Image 2 Screenshot 121

     

    3. Add fields and operations that you will use in your calculation in the "Calculation Wizard". After that, click "Save" button.

     On the new version of the Form Calculation Widget how do you make the result read only? Image 3 Screenshot 132

     

    4. To hide "Calculation" text box, select "Form Calculation Widget", click down arrow and click "Hide Field" option. 

    On the new version of the Form Calculation Widget how do you make the result read only? Image 4 Screenshot 143

     

    5. Select Result textbox field and click the "Properties" button.On the new version of the Form Calculation Widget how do you make the result read only? Image 5 Screenshot 154

     

    6. Click the ADVANCED option tab and find the "Read-only" setting then turn it on. After that, click "Save Changes".On the new version of the Form Calculation Widget how do you make the result read only? Image 6 Screenshot 165

     

    7. Now, click the "Conditions" button in Setup&Embed tab in Form Builder. 

    On the new version of the Form Calculation Widget how do you make the result read only? Image 7 Screenshot 176

     

    8. Select the "Update/Calculate Field" option under "New Condition" list. Your condition will provide to copy the value in "Form Calculation Widget" textbox to result textbox. After you create your condition, click the "Save" button.

    On the new version of the Form Calculation Widget how do you make the result read only? Image 8 Screenshot 187

     

    9. As a result, your condition will be like this. On the new version of the Form Calculation Widget how do you make the result read only? Image 9 Screenshot 198

     

    You can see the result in the following video. 

    On the new version of the Form Calculation Widget how do you make the result read only? Image 10 Screenshot 209

     

    If you have any questions, feel free to let me know.

    Thank you.