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.
Is it possible to create duplicate form fields using the code and not the duplicate option you get by right click?Asked by gulfam on September 07, 2012 at 05:50 PM
I have a form that has like 8 to 10 fields, I need these fields duplicated 50 times each in a specific order. If i use the duplicate option by right clicking, i have to create 50 fields by 50 clicks and then i have to rearrange each field one at a time. Rather than this, if i just create a form with 8 fields, go to its HTML, copy the code block of fields, and copy paste them repeatidly, would that work fine?
create create a form block
I would like to know the answer to the same
Hello @jaycw7 and qulfam,
This question has been answered in this thread.
Let us know if you have any other questions!
I could be wrong but I reckon Gulfam wasn't asking the same thing.
You are right jaycw7, I apologize for the error!
Here is a guide for how to edit a form's html code. Thanks for the correction!
No need to apologize :)
Lets say you created an entire section of a form with all kinds of conditions and you wanted to duplicate that exact section with the same conditions...instead of manually duplicating each field and re-applying the conditions, couldn't you just go into the code and select the code for that section and copy and paste it then change the field IDs?
I would think that you would be able to replicate simple fields reproducing the code. However, when there are conditions added to the code, there is more then HTML produced. There are java script files produced and variables with unique ids are defined. You wouldn't be able to duplicate that with simple copy and paste of lines of code.
You can see this when you download the compressed folder that hold the files for a form:
When downloading the complete code for the form, you should get a folder that holds the CSS files, a folder that holds the js files and the html file that puts it all together.
For someone who doesn't have ample experience in this, it would be simpler to take the time to use the tools provided and duplicated them on the form builder.
Another aproach is to have multiple Free HTML fields on your form where you embed separate forms that contain a block of fields formatted with the conditions that you need (say 10 fields). every time you need to add another 10 fields, you clone the form the has the 10 items, change the name and embed that new form on another HTML field. The following ilustration explains the idea:
Lets say you created an entire section of a form with all kinds of conditions and you wanted to duplicate that exact section with the same conditions...
What you stated will not work on JotForm.., and could also spell trouble and frustration when tried. =)
Currently, there is no other means, in any way to duplicate or reproduce any element of the form without doing it within the form builder.
Even if you have the form's source code and try to multiply fields using its code, it will not be signed or recognized by the application. You will be able to find this out because, in the resulting submissions, you will not be able to capture the data of those custom multiplicated fields.
You CAN only manipulate existing form elements that are signed or created in the JotForm builder.
Adding custom fields maybe displayed on the html page, but it will not be captured in the form database results.
Hope this clarify the purpose of the source code embed also.
Please inform us if you require further assistance.
Hi, I am sure that with the appropriate manpower skills you can achieve this. Afterall, JotForm was done also by our developers. The only complication I can see for you is, it may not be too easy to do it, because unlike the JotForm dev team, your own manpower may need to do a re-study on how the application was developed.
As for the CSS customization, you can actually do this also when you use the form's full source code. If you check the downloaded source code, you will find that the css codes are also included.
Another option you should check is the JotForm License Application. With this, you can actually do the full customization you want using JotForm itself.
Please inform us if you have further inquiry.
UPDATE: This has now been implemented. Select any field, click on the cog, then 'Manage Fields'. Select the fields you would like to duplicate and then click duplicate.