[SOLVED] Problems with recreating form in V4

I am trying to recreate a form in V4 that I had previously created in V3 in J1.5.

I am running into much more resistance that I remember with V3.

I have created a form at this URL: http://www.greatlakesendurance.com/jupgrade/volunteer.html

I created this using the easy wizard just to make sure I wasn't missing something in the advanced version.

I have reviewed the tutorials and haven't found any differences between what I am doing and the tutorials.

Problems I have identified thus far:
- CSS does not seem to load automatically as it did with the previous form under V3.
- When I add the second drop down menu, even if I don't change the default items, upon submit, the form does not seem to process. I identified this by creating custom thank you messages when I created a different form with the Advanced wizard within the Check ReCaptcha events as to differentiate onSuccess and onFail. When the second dropdown is present, no message is displayed, simply a new page with the Chronoforms link only.

Hi cstudios,

The first thing to do is to turn off the RokGzipper thingy as that seems to break the included CSS and JavaScript files. Hopefully that will fix the CSS problem.

I'll look at the backup files and repost with comments on the other questions.

Bob

Hi cstudios,

I suspect that the problem with the second drop-down menu is this value-text pair

Keyes Peak 50K, Marathon, & 10K=Keyes Peak 50K, Marathon, & 10K

The value part contains commas and & both of which may well cause problems. Please try changing this to something like

Keyes Peak 50K Marathon and 10K=Keyes Peak 50K, Marathon, & 10K

Bob

PS In general you should arrange your actions so that they are in a logical sequence i.e. Load ReCaptcha and Loads CSS come before Show HTML (it may not make any difference in this case but sometimes it does.)

PPS if you want to have a 'null' option in a drop-down then use the 'Show Empty' box. Adding an option like 'Please Select an Event=Please Select an Event' won't work if you validate the drop-down as required because it is now a valid option.

Bob

I disabled the RokGZipper, and the CSS worked again.

I am having a problem with the form submitting though.

Here's the link to the new form: http://greatlakesendurance.com/jupgrade/volunteer.html

Hi cstudios,

The submit problem is because you have an input called 'event' and this is a reserved name used by ChronoForms. Change this to e.g. event_name and the form submits OK. (You'll need to change the database column name to match.)

There are a few words like this including: option, event, task, action, view, chronoform that if used may confuse either ChronoForms or Joomla!

Bob

Thanks Bob!
Everything is working perfectly now!