Code

Discussion on Smart Forms

Discussion on Smart Forms

Cart 4,302 sales

elflaire supports this item

Supported

654 comments found.

This looks brilliant – can you tell me if it processes and sends the email format as plain text or HTML (or can choose?)

Welcome yes it is compatible

Welcome yes it is compatible

Php 5.4+ should work fine if you find any issues you can raise them then i will help

I truly love your form and was wondering if I could purchase a few custom upgrades?

1. I’d like for people to have to login in order to view the form and fill it out 2. When I view the database table on the backend I’d like to be able to click on a specific record and view it in the same format like you use when the data comes in the email 3. When viewing that individual record I’d like to be able to add comments and then save the record.

Hi Bobby yes its possible let me get back tonight regarding the custom work

Could you email me so that we can get it done? Or what’s the best email for you?

Hello, a presale question Can i save form data to database without sending them per e-mail?

Yes its possible if you know how to setup a db with php – this feature is not included though am working on an update with database support

I’m creating a multi-step form but can’t get it to send and post. Is there more documentation available for the multi-step form?

In the documentation provided there’s a mention of .stp class (.stp-two, .stp-three, etc) but I didn’t see it anywhere in the sample forms provides.

There’s also mention of some script that looks like it should be placed in the header but there’s no mention of where to place it…

script type=”text/javascript” $(”#smart-form”).steps({ headerTag: “h2”, bodyTag: “fieldset”, transitionEffect: “slideLeft”, stepsOrientation: “vertical”, autoFocus: true, labels: { finish: “Submit Form”, next: “Continue”, previous: “Go Back”, loading: “Loading…” } }); /script

/* Initialize other plugins after steps here */

Earlier when you you said “check the AJAX php forlder”... I have a js folder and I have a php folder. Which specific folder and files did you mean?

I also noticed that you told webzenuk to:

“Just replace ajax submit function with the inbuilt jquery form submit

$(‘form#myForm’).submit();

Replace (form#myForm) with your form ID”

1. how do I find the form ID? 2. which part of the ajax within the smart-form.js file do I replace?

You get the form id from your frorm instance jool look at your html theres an id of class part somethig like this

<form method="post" action="php/smartprocess.php" id="smart-form">

The part you need to change is from this

onFinished: function (event, currentIndex){
    var form = $(this);
    $(form).ajaxSubmit({
        target:'.result',               
            beforeSubmit:function(){ 
        },
        error:function(){
        },
        success:function(){
            $('.alert-success').show().delay(7000).fadeOut();
            $('.field').removeClass("state-error, state-success");
            if( $('.alert-error').length == 0){
            $('#smart-form').resetForm();
                reloadCaptcha();
            }
        }
    });                    
}

To seomething like this

onFinished: function (event, currentIndex){
    $('#smart-form').submit();
}

Hello, is it possible to get an older version of this? The radio and checkbox inputs when clicked are not centered in the latest version. Thanks

Sorry about that am going to update them

Hi! LOVE this form and all of it’s many uses!!

I have a small issue with the Step form. Once I’m at the end and hit “submit” it doesn’t do anything. It sends the info to the database, but the form doesn’t say “thank you” nor does the redirect work that I coded within the “settings” file.

I notice that the step form on your demo site does the same thing.

Bobby

Am not very sure how you did your database connection file or script but i would suggest you put all your db connection stuff inside the processing script (smartprocessing.php), alternatively you can make an external connection file and do an include inside the processing script (smartprocessing.php)

There are two options you can follow

1 – Option one: Connect and post to the db after successfully sending the email – This is already provided for in smartprocess.php file just place all the db connection stuff after this line

if($mail->Send()){

2 – Option Two: Connect to the db and post the data and immediately send the email – that means you write an if statement alongside these lines below

$conn = new mysqli($servername, $username, $password);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} else{
    if($mail->send()) {
        echo 'Message has been sent.';
    } else {
        echo 'Message was not sent.';
    }
}

I was thinking more along the lines of when the end user logs into the admin page and views the database they could click within a field and add “complete” for example without having to download the csv file.

Can you share your files on email we work on this i thing the problem is in the php side

Hello elfaire, i have a bug that i reported like 2 days ago could you help with. Best regards

Alright let me look at the issue and get back to you

When using handheld devices (phones) how to prevent the input from losing focus after the user selects/clicks on a result from the drop-down?

After a user has selected an item from a drop-down and selects ‘done’ the focus does not return and consequently, the page does not display content correctly (text & headers spill off the view screen.

Could you provide a fix please?

http://site.therapytrainingschool.com/course-packages-essential-holistics.asp
It could be caused by the parent label enclosure
<label class="field select">

</label>

Change it into a div instead

<div class="field select">

</div>

I noticed that on the page you sent me last the selects are working normally did you try clearing your device cache and also do nor wrap the form inside a fixed positioned container (position: fixed) IOS will have issues with that you can use absolute instead – http://site.therapytrainingschool.com/course-packages-essential-holisticstest.asp

Thanks for all of your help with this. I have deiced to leave the form operating as it is for the moment. I will post a reply here once I find the fix

Hi,

We need continue button to be placed on top also along with bottom in multi step form, please assist?

Thanks

Sorry you meant something like this?

http://doptiq.com/env/step-buttons/steps.html

Yes exactly, how do I achieve this ?

Look at the html i put the codes there

Just added a DIV with two buttons placed them randomly anywhere on the form – in this case above the form tag then added some JS to mimic the next and previous buttons here is the HTML and JS

HTML

<div class="custom-nav spacer-b10">
    <a id="previous-step" class="button" href="#">Previous</a>
    <a id="next-step" class="button" href="#">Next</a>
</div>

JQUERY

$(".custom-nav a[id$=step]").on("click", function (e){
    e.preventDefault();
    $wizard.steps( $(this).attr("id").split("-")[0] );
});

Dear Elia, could you kindly reply to the email I sent you on the matter of the added hashes to the URLs in the multi-step form (in order to enable browser-back and browser-forward to the previous/next step?). The latest mail is from 8 March. I extended my support license. Thank you.

Aright let me send the feedback on mail

Dear Elia, I still haven’t heard from you. Kindly reply to my email, thanks.

Hello Jonasl i didn’t give up on you am running between errands and adding that custom feature for you in the script – give me a few days work around it will send you the script. I got your email by the way so don’t worry

Hi. how do add two mail adress? user send mail , receiv mails: test@test.com / test2@test2.com

The first email address can be added in the settings file then for addional email addresses go to smartprocess.php find this code below – Change recipients from false to true then add an array of your email addrsses as many as you want seperated by commas


$recipients = false;
if($recipients == true){
    $recipients = array(
        "address@example.com" => "Recipient Name",
        "address@example.com" => "Recipient Name" 
    );

    foreach($recipients as $email => $name){
        $mail->AddBCC($email, $name);
    }    
}

thank you! :)

Hi, when using the modern switches how do i set a color for them without using the theme-blue on the old switches you could do blue-switch… i cant seem to get that working on modern switches.

You could just copy the css for switches from any theme and make small color adjustents to your desired color then put those changes in the main css file just below the switch styles

Hope that makes sense

it do, thanks for the help :)

Hi. I need to validate the age of the users. Is this possible? Send form only if they are 18 years old.

Yes it is – however 18 must be a number without the string “years” you could add that in PHP if its needed the or just add it to the val string it should work –

Can you give an updated example of using “data-btntext-sending” tag? Including “jquery.validate.min.1.15.0.js” and “additional-methods.min.1.15.0.js” doesn’t seem to enable it. You had an example in the comments but it was on a past version of Smart Forms.

<div class="form-footer">
   <button data-btntext-sending="Please wait..." type="submit" class="button btn-blue button-right">Submit</button>
</div>
$(function() {
$("#form2").validate({
    errorClass: "state-error",
    validClass: "state-success",
    errorElement: "em",       
    highlight: function(element, errorClass, validClass) {
        $(element).closest('.field').addClass(errorClass).removeClass(validClass);
    },                        
    unhighlight: function(element, errorClass, validClass) {
        $(element).closest('.field').removeClass(errorClass).addClass(validClass);
    }, 
    errorPlacement: function(error, element) {
        if (element.is(":radio") || element.is(":checkbox")) {
            element.closest('.option-group').after(error);
        } else {
            error.insertAfter(element.parent());
        }
    },
    submitHandler: function(form) {
        $('.form-footer').addClass('progress');
        $("form#form2").submit(); 
    }
});     
});    

Were you able to find a demo or is there a sample of this in the download files that i can review?

Yes almost all forms inside AJAX PHP have this feature working – You can see the demo here

Look at the file – smart-form.js

Hello, I need help using the feedback-form.html template. I want to connect the submit button to my email address so I can get the responses there. Which PHP file am I using? I’ve tried them all but nothing seems to work.

Thanks!

Hello Hernan i got your email sorry took me so long to respond been down health wise sending you the working form this weekend am just finalizing the PHP script

Appreciate your patience and sorry for any inconveniences caused by the delay – greetings

Thank you! No worries at all! Please let me know when you send the PHP script – Thanks again!

Sent you an email

Hello, is it possible to use your forms on codeigniter platform.Is it possible to create forms according to an individual scenario for their further automatic filling .Is it possible to cooperate in this direction?Thanks.

Hello kitt70 can you please clarify on this?

hi. how do calendar start yeah “1993” ?

<label for=”birth_date” class=”field-label”>Doğum tarixi *</label> <label class=”field append-picker-icon”> <input type=”text” name=”birth_date” id=”birth_date” class=”gui-input dtr” placeholder=”Doğum tarixi”> </label> <!- end section ->

$( ”#birth_date” ).datepicker({ changeMonth: true, changeYear: true, yearRange: ‘1993:’+(new Date).getFullYear() });

but dont working :(

Do you mind sending me an email we work on this privately? I believe it should work let me try an example for you and i email it to you

Hi I need to hide the steps in a multi step form, can I do this?

Hello Gary,

My apologies for delayed feedback on your question what steps are you referring to? You mean the titles or the next next buttons?

I mean where it shows the steps at the top of the screen as in this screenshot https://imgur.com/MopqA6p

You mean the 1 – 2 – ETC?

Few questions from me: 1. Does it have a backend (database) where it kept all the information from the submitted form ? 2. Can it send the pdf/csv attachment copy of the form that is submitted ? 3. Is it possible to have an entry to be approved/verify by someone (via email link), before the entry is recorded into the system and then gets pdf/csv sent out via email. (i.e. like when sign up to a forum).

Thank You

1 – No data is stored in a CSV file (optional) but you can add mySQL db if you know how to

2 – Not included but can be easily integrated with mpdf (i have a working version)

3 – No That will require a database and signup / login kind of system that does approvals via mail like you pointed out

Do you plan to add wysiwyg html editor field to smart forms?

G! Thanks :) So now i can just download i.e v4/demos/wysiwyg/trumbowyg.html and i’ll can view code of your example, right? :)

You can download those examples in a zip here – http://doptiq.com/smartforms/v4/demos/wysiwyg/wysiwyg.zip

You do not have to make any changes to smarforms the editors just fit in automatically and both respond responsively. The CSS and JS of TinyMCE and Trumbowyg can be downloaded from the respective sites. Its a bit straight forward include the CSS and JS and initialize on the textarea selector ID and you are good to go

1 – So in short – download the tinyMCE or Trumbowyg css and JS from their sites (TinyMCE may require you to register for a free licence – Trubowyg is free GPL )

2 – Put the css in your css folder and js in your js folder 3 – Call the css and js as you do with other plugins in your form 3 – Initialize the plugin – you will see how i did that in the above download

Cheers

TinyMCE does not have a CSS file you just include the JS file the rest is automatically taken care of

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey