- zuiderburenAsked on January 05, 2011 at 11:48 AM
I have an issue I would like to discuss with you. I would like to create a form for my website. With this form soccer teams can submit for our yearly tournament. The tournament is split up in a men and women tournament. In my form one has to indicate if their team is a men's or a ladies team, via radio buttons. So far do good.
Additional to this I would like to add two HTML table lists to my website, one showing the submissions of ladies teams and another one whowing the men's team submissions. How can I do this in two seperated lists which only show relevant submisions? Thanks in advance for your support.
- JotForm FounderaytekinAnswered on January 06, 2011 at 11:26 AM
Create two separate forms. On one form get men's team submissions and the other ladies team submissions.
Then select those forms on My Forms page and click on "Reports" button on the toolbar, and then click on "Add New Report". Then select "HTML Report" option and copy the HTML widget code provided to your site at the end of the wizard.
- zuiderburenAnswered on January 06, 2011 at 01:23 PM
Thanks Aytekin. Actually this was as well the only solution I could see, but I was wondering whether it would be possible with conditional logic to have only one form. Let's say that my visitors first have to choose whether their team is a male or female team. Thereafter a form should apear for either men's team submissions or ladies team submissions. Actually the forms would look the same (name, phone number, Email address etc.).
Could you please let me know if my ideas are feasible? Thanks again.
- JotForm FounderaytekinAnswered on January 10, 2011 at 06:36 AM
You can certainly use the conditions to implement that on the form. The problem is not that. The problem is that you cannot get reports depending on conditions. Your reports will include all of the data from both groups, and you would have to manually split them into two reports. That's why I suggested two forms.
- zuiderburenAnswered on January 13, 2011 at 04:12 PM
I took your advise regarding two forms.
Actually I created three forms. Initially one sees no complete form on my webpage, only two radio buttons, which is actually the first form. I will have my visitors to choose for either male team or female team. After one made this choice by clicking one of the radio buttons, the correct form will appear so one can finish their submission.
The forms for men's team submissions and ladies team submissions are identically, except the title. That's why I cloned the form for male team submissions. Then I inserted both full source codes on the same page. Then I noticed for one form the captha image is not loading. Can you help me solving this?
Furthermore I noticed the error message is not showing in IE after one ignores a required field to fill out. In Google Chrome and Opera it is working fine. Thanks again for your great support. By the way you can find the forms on http://www.zuiderburen.com/toernooi.html (it is in Dutch).
- JotForm FounderaytekinAnswered on January 14, 2011 at 06:33 AM
That's a great idea. Keep the forms separate and use another form to redirect to the correct form.
Regarding the problem with two forms on the same page, you should use the IFrame version of the code. It is available on the "Embed Form" wizard. If you use the IFrame version, they will not conflict with each other.
- zuiderburenAnswered on January 15, 2011 at 10:38 AM
Thanks again. I even managed to adjust the style of my website via css, but there is still a couple of things I would like to adjust as well, but I am wondering whether this is possible when I use the IFrame.
- my own reload button;
- width of the input field of the catcha;
- error text in Dutch;
- bg color of error message;
Thanks for letting me know whether this is possible. By the way I put the form on anothr page now (for testing purposes): http://www.zuiderburen.com/toernooitest.html
- JotForm FounderaytekinAnswered on January 16, 2011 at 12:23 AM
You should ask unrelated questions on their own threads. You might be able to customize those things using Inject Custom CSS.