Hiya!
I noticed that with multi-page forms (I will use a 4 page form as an example), page 3 would keep defaulting back to page one instead of moving to the final page (page 4) of the form.
I resolved the issues by removing the following from my custom CSS, which was based off of the minimal.css stylesheet, most of the entries that were removed referenced background images, it seemed there was some sort of conflict caused by having them called via css:
1) removed: @import "calendar.css";
2) removed: from the .cform input, .cform textarea, .cform select classes:
"background:#ffffff url(../images/field-bg-top.gif) repeat-x top left;"
(removing this background image also fixed an issue I had when a page was refreshed 3 times in any browser my custom submit button background would disappear, seems like this conflicted with my custom background image)
3) The same issue continued to occur in Safari until I removed the " background:url(../images/button-bg.gif) repeat-x; " from the class:
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton
I also had an issue where if the last page of the form had any validation and a validation message was triggered if required fields were not filled out, once the required fields were filled out and the form was submitted, the form would not complete, but once again would reset and go back to the first page of the form.
Removing the following solved the issue:
ol.cf-ol li.cf_li_err {
background:#FFDFDF url(li-err-bg.png) repeat!important;
div.failure {
background:#FFDFDF url(li-err-bg.png) repeat!important;
Hopefully this may help others or perhaps it is related to conflicts with my specific CSS settings…. not really sure….. in any case, hopefully this will make sense to someone if they have a similar issue.
Thanks again for your hard work on Cforms Oliver!