How to change the text of Terms and Conditions when selected

  • ddyoyo10
    Asked on January 25, 2017 at 5:58 PM

    For terms and conditions, is it possible to make it say "I accept the terms and conditions" when it is clicked on? because it would be nice if it's possible. Regarding this question, I mean after the user checked it should change the text to I accept the terms and conditions.

    How exactly can i acheiv that after downloading the source codd?

  • ddyoyo10
    Replied on January 25, 2017 at 6:02 PM

    Sorry for incorrect spelling but my keyboard is not working properly

  • jonathan
    Replied on January 25, 2017 at 9:40 PM

    You can achieve that trick using condition logic Show/Hide.

    Here is an example form https://form.jotform.com/70248380450957

    How to change the text of Terms and Conditions when selected Image 1 Screenshot 20

     

     

     

  • ddyoyo10
    Replied on January 26, 2017 at 2:06 AM

    I find that part kinda impossible for me 

    Can you guide me on this? 

  • Chriistian Jotform Support
    Replied on January 26, 2017 at 2:23 AM

    1. Create 2 checkbox field.

    How to change the text of Terms and Conditions when selected Image 1 Screenshot 50

     

    2. Click Conditions to set the conditions to hide/show fields.

    How to change the text of Terms and Conditions when selected Image 2 Screenshot 61

    3. Set the conditions. Please refer to this guide: Smart Forms Using Conditional Logic

    How to change the text of Terms and Conditions when selected Image 3 Screenshot 72

     

    How to change the text of Terms and Conditions when selected Image 4 Screenshot 83You are free to clone the form (https://form.jotform.com/70248380450957) and see how it was set up. Here's a guide on How to Clone an Existing Form from a URL.

    Regards

     

  • ddyoyo10
    Replied on January 26, 2017 at 6:38 AM

    1. Which one is Terms and which one is Terms2? 

    2. Is it possible to do 3 checkboxes instead of 2vor that is impossible? 

    3. So if it's clicked on once then it'll show "I accept the Terms and Conditions". Whatwill happen if you click on the checkbox a second time? Would it go back to "Do you accept the Terms and Conditions"? 

  • BJoanna
    Replied on January 26, 2017 at 7:02 AM

    Terms is Do you accept the Terms and Conditions?

    Terms2 is I accept the Terms and Conditions

    Currently Terms2 field is set that it can not be unchecked. Once the user click on Do you accept the Terms and Conditions? it is not possible to go back.

    You can clone the form that my colleague provided you to your account and inspect conditions that are set. 

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Here is another possible solution: https://form.jotform.com/70253238982965 

    Let us know if you need further assistance. 

  • ddyoyo10
    Replied on January 28, 2017 at 2:37 PM

    ok

    so how can i acheive this part? when the box is empty, it'll show "do you accept the terms and conditions?" and when it's full, it'll show "i accept the terms and conditions"

  • Kevin Support Team Lead
    Replied on January 28, 2017 at 6:34 PM

    If you want to allow your users the ability to remove  the selection, then you need to follow the workaround provided by BJoanna which will allow users to change the selection from accepting to declined the terms. 

    To do it you only need to add the fields to your form, one radio button and two free text HTML fields: 

    How to change the text of Terms and Conditions when selected Image 1 Screenshot 30

    Then you will need to add two conditions like the screenshot below: 

    How to change the text of Terms and Conditions when selected Image 2 Screenshot 41

    You may also clone the form given by my colleague https://form.jotform.com/70277291739970, this guide will help you to do so: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

  • ddyoyo10
    Replied on January 29, 2017 at 3:50 AM

    The method that Chriistian showed me doesn't work for me and i followed the exact instructions to do so.

  • Boris
    Replied on January 29, 2017 at 5:28 AM

    I'm a CSS guy, and in my mind the simplest way to achieve this requirement is not to touch any conditions nor use separate form fields. We can use a simple snippet of CSS code to change how the text will display to your users when the checkbox is ticked.

    First, we need to get the ID of the checkbox, and in my example, the ID is #input_2_0. The following guide describes how to get it:

    https://www.jotform.com/help/146-How-to-find-field-IDs-and-names

    Then, we use it inside our custom CSS:

    #input_2_0:checked + label {
        font-size: 0;
    }
    #input_2_0:checked + label:after {
        font-size: 14px;
        content: "I accept the Terms and Conditions.";
    }

    Which we add to the form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I have marked in red the parts you can modify - the size of the text, the text itself, and the ID of the checkbox you wish to modify in that manner.

    Please see the following demo form depicting this in action:

    https://form.jotformpro.com/form/70282747607966

    Please try it out, and let us know whether you need further assistance.

  • ddyoyo10
    Replied on February 1, 2017 at 1:14 AM

    it works! tank you Boris!:D

  • ddyoyo10
    Replied on February 1, 2017 at 11:39 AM

    i know this is off-topic but I have a problem here!

    http://tinypic.com/r/2jrrc/9

    http://tinypic.com/r/2hmzcx3/9

     

  • David JotForm Support Manager
    Replied on February 1, 2017 at 11:48 AM

    What is the new issue you are seeing in your forms? Please open a new thread regarding the new issue, and provide as much details as you as you can.