-
ddyoyo10Asked 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?
-
ddyoyo10Replied on January 25, 2017 at 6:02 PM
Sorry for incorrect spelling but my keyboard is not working properly
-
jonathanReplied 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
-
ddyoyo10Replied on January 26, 2017 at 2:06 AM
I find that part kinda impossible for me
Can you guide me on this?
-
Chriistian Jotform SupportReplied on January 26, 2017 at 2:23 AM
1. Create 2 checkbox field.
2. Click Conditions to set the conditions to hide/show fields.
3. Set the conditions. Please refer to this guide: Smart Forms Using Conditional Logic
You 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
-
ddyoyo10Replied 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"?
-
BJoannaReplied 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.
-
ddyoyo10Replied 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 LeadReplied 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:
Then you will need to add two conditions like the screenshot below:
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
-
ddyoyo10Replied 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.
-
BorisReplied 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.
-
ddyoyo10Replied on February 1, 2017 at 1:14 AM
it works! tank you Boris!:D
-
ddyoyo10Replied on February 1, 2017 at 11:39 AM
-
David JotForm Support ManagerReplied 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.