Mootools Upgrade

Hi

My problem has always been that the validation in Chronoforms didn't work when the Mootools Upgrade was enabled. Great news that V4 will overcome this problem.

So I installed 4.0 RC1.9 alongside 3.1 RC5.5 but I am experiencing problems when trying to edit the form fields. The pop-up (lightbox style) sits half hidden in the bottom right of the screen which means I can't edit the contents. Is this because I still have V3 installed?

If I want to copy the forms from V3 to V4, whats the best way to do this?

Cheers

Paul

Hi Paul,

CFv4 requires the MooTools upgrade plug-in enabled; CFv3 requires it disabled. Although you can have both installed at the same time 9they don't interfere) you can only use one or the other ithout changing the plug-in setting.

There is no automatic upgrade - while there are many similarities in functionality the code frameworks are very different. You can copy and paste over Form HTML and other blocks of code from one to the other and then configure the other settings; but - depending on your forms - it may be just as easy in the long run to recreate them in CFV4.

Bob

Hi Greyhead.

Thanks for the reply.

The display problem seems to have been in IE. For example, when I click on the events tab IE8 automatically switches to "compatability view" which then causes the strange display. I'll just use another browser !!

REgards to copying over from V3 to V4, I am struggling to figure out how to manually create a form rather than use the wizard (actually I never used the wizard in V3 either). If I select "forms manager" and then "new", I can see where to enter the form code but not some of the stuff that was in V£ such as email addresses, validation fields, captcha etc.

Is there a tutorial on seeting up forms without the wizard?

Thanks

paul

Hi Paul,

So no such tutorial yet.

If you copy the Form HTML into the Custom code box then you can switch to the Advanced Wizard to add the other features.

I think that the validation classes need to be changed by hand if you've used them. Most of the rest should work more or less OK.

Bob

thanks Greyhead, I'll give it a go

Paul

Hi Bob

Ok, so I am making some progress. I have pasted the form code into the "code" tab and in the "form type" set to custom. Then in "wizard edit" I have set two actions in the events tab - on load set as show html and on submit set as redirect user.

So I now need to set the required fields validation and set the email addresses to be used. Can you please advise how to do these steps. Also is there anything else I should be doing.

Sorry to be a pest.

thanks

Paul

Hi Bob

Made a bit more progress with the validation fields. Adding class="validate['required']" to required fields did the trick nicely.

However, when I have a drop down selector menu (list), leaving the first value selected triggers the validation. So for example if I have three options 1,2,3 and 1 is the option showing, it will not let me send. I have to select either 2 or 3 to get the filed to validate. How do I overcome this please?

Other than that, I can get the form to send OK (figured out how to add the emails) but get the following message instead of the completed fields:

You may customize this message under the "Template" tab in the Email settings box.

Sure i've missed something simple but how do I now get the actual messagr to display correctly?

The new version of Chronoforms seems awesome (just need to get my head round it).

Paul

Hi Paul,

Usually with a select drop-down you set the first option to have no value; then it is clear that no selection has been made. If the first option has a value then it's usually 'selected' and so the validation is met. I'd need to look and see exactly how this library is behaving.

There is no default email template automatically created with CFv4 so, as the message says, you have to create one in the Email Configuration | Template tab.

Bob

Hi Bob

Thanks for the update - drop downs now working fine with initially selected options having no value.

So creating template in the Email Configuration | Template tab involves what - simply copying the form code into the text area??

If this is the case, when I did this, the form submits OK but none of the fields are completed when the form is delivered.

Paul

Hi Paul,

There is no default template for CFv4; if you are updating form CFv3 then I think you can just copy and paste over the old email template and update the input names.

The syntax is the same - add the text you want and use {input_name} where you want values from the form to be included.

Bob

Hi Bob

thanks but still confused, sorry.

So my first field is:

<input type="text" name="name-first" size="33" value="" class="validate['required']" style="margin-bottom:7px;" />

Where would I add {input_name} and I presume I replace name with name-first

thanks

paul

Hi Paul,

Go to the Email action, click the Configure link (or the spanner icon if you are in the Advanced Wizard); then the Template tab at the top. From here you can type or copy and paste your email template text.

The image below shows the first-name example from your input.

Bob

thanks Bob for your patience :-)

REgards

Paul