Hello Danayue,

The array (name=”name[ ]”) format is provided for in the documentation in the form of elements such as select multiple and checkbox arrays

Please note that in this case, once you POST you get an array list of fields

Here is an example – let us use name=”myfield[ ]”

THE PHP

    $myfield = $_POST["myfield"];
    if ($myfield[0]!=""){
        $myfield_list = implode( '<br>', $myfield);
    }

ECHO THE LIST (inside smartmessage.php)

 $myfield_list 

That should work for cloned elements

Thank you! It properly send the arrays by email. It is important to note that a separate email address element must be added to the form as cloned email addresseses understandably cause problems. I handled this by adding a hidden pre-checked input with name=”myemail”; value=”myemail@email.com” in the footer section.

Still haven’t been able to generate the CSV file. Do I add _list here as well? /* —-—-—-—-—-—-—-—-—-—-—-—-—- : Generate the CSV file and post values if its true —-—-—-—-—-—-—-—-—-—-—-—-—- */ if($generateCSV == true){ if (file_exists($csvFile)) { $csvFileData = fopen($csvFile, ‘a’); fputcsv($csvFileData, $csvData ); } else { $csvFileData = fopen($csvFile, ‘a’); $headerRowFields = array( “FirstName”, “LastName”, “EmailAddress” ); fputcsv($csvFileData,$headerRowFields); fputcsv($csvFileData, $csvData); } fclose($csvFileData); }

So I figured out how to export to csv in smartprocess.php: if($generateCSV == true){ $csvFile = $csvFileName; $csvData = array( ”$myfield1_list”, ”$myfield2_list” ); }

But is there a way to export each cloned row to a distinct line in the database rather than grouping all of them together into one row?

HI Elnurws,

Sorry about that usually whenever i receive an email i reply unless the email is deleted by mistake or counted as spam. It is also important that when you send me an email you notify me on this platform for easy tracking of your query. Please resend / email me your details in case you have my support email address or just send me a simple message via my profile page i will get back to you

Regards

Hi. Okay no problem:) I sended again. thanks.

OK got it now – sorry it stayed thing long / allow me to work on this tonight

There are two problems i noticed about your form

PROBLEM 1: YOU ARE NESTING FORMS

Look at your QUOTE section inside the contatiner you will find this line below

 <form id="quote-form"> 

That line above closes somewhere down below this line

 <div id="quote-msg" class="message" /> 

With this

 </form> 

Please remove both opening and closing form tags since smartforms is also wrapped inside a form tag

PROBLEM 2: THE PROBLEM OF THE GRID

First off notice that you below the opening form tag line you removed you have these two line below

(class=”row”)

(class=”col-md-3”)

That is where your problems start form

You need to have your setup like this below

<div class="row">
    <div class="col-md-3">

    </div>
    <div class="col-md-9">

    </div>
</div>

Currently you have your (col-md-3) section inside the (row) but you need add another (col-md-9) inside the (row)

Then put all the smart-form HTML code inside (col-md-9), that will fix your alignment issues

Great help, and also great forms

Regards

Thanks Paco

Hello again elflaire, I need to bother you again,

the form frame now looks good, now my problem is trying to use the simple validation, I think i put the required coding but when I click on submit I have these results

a) testing in my computer (not online), the form send me to this display: Index of C:\ showing all the folders that my computers has on c b) testing online: the browser give me: 405 – HTTP verb used to access this page is not allowed. here is the link: http://unelos.com/home-construction-in-dallas.html

what can it do? I do not know if there is now a conflict with the scripts used already at the bottom of the page

thanks again for your support.

Paco

Hello

Please do the following

1: Move all the form JavaScript files to the bottom of the page before closing the body tag – i noticed all your JavaScript is at the bottom of the page

2: Remove the file named (jquery-1.9.1.min.js), since your JavaScript files at the bottom of the page include a version of jquery (jquery.min.js)

3: Make sure all the form js loads last below this file (http://arrow.scrolltotop.com/arrow89.js)

So load the fllowing files in this order

jquery.validate.min.js
additional-methods.min.js

Then the validation file will load last – load it like this below in a self executing function to avoid conflicts

(function($) {

    $('#quote').validate();

})(jQuery);

NO not necessary

Any support on this please?

Modal buttons you can add your own styles and classes

How do you add the style class to the following:

a href=”#” data-smart-modal=”#smart-modal2” class=”smartforms-modal-trigger”>BUTTON TEXT

hi,

i revisted your demo and you also have the same issue. Thanks!

Let me look into that issue

Thanks ! elflaire. There is an update, i completely replaced the captcha with google nocaptcha so everything is fine except that after submission same isssue if you goto step1, you will stuck there; i was assuming after form submission like we have .resetForm(); is there any function to reset steps. Code below :

uploadProgress: function(event, position, total, percentComplete) {
                                    var percentVal = percentComplete + '%';
                                    bar.width(percentVal);
                                    percent.html(percentVal);
                                },
                        error:function(){
                            swapButton();
                                    $( ".progress-section" ).hide(500);
                                    $('.form-footer').removeClass('progress');
                        },
                         success:function(){
                                swapButton(); 
                                    var percentVal = '100%';
                                    bar.width(percentVal);
                                    percent.html(percentVal);
                                    $('.progress-section').show().delay(5000).fadeOut();                                            
                                    $('.form-footer').removeClass('progress');
                                    $('.alert-success').show().delay(7000).fadeOut();
                                    $('.field').removeClass("state-error, state-success");
                                    if( $('.alert-error').length == 0){
                                        $('#applyx').resetForm();
                                        grecaptcha.reset();  //reset google captcha
                                    }
                         }
                  });                    
            }

any reply

i was thinking like at the end we are resetting the form with resetForm(); we can if possible can clear session as well through sessionStorage.clear();. Please help

i tried it didn’t workout but i notice one thing, initially when you at first step continue button and steps button on hover shows #next and #smart-forms/h-1 respectively but once you submit form and come back to first step it now shows on hover same but when you click next button or steps button steps button will become red and next button and steps button now will show #smart-forms-h-0 and #smart-forms/h-0 . Please help

any reply

please reply

Hope you find some free time out of your precious Routine Thanks!