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?)
Hello thelangeroom – It does sends as HTML email but you can configure plain text email as well in the php mail options
I have gone through the samples (great samples) and can not find an example on the presses form where I can see where to put the html code to format the email and (make look pretty for customer receiving). can you instruct in example. I have the html table etc but just need to know where to place it in the code php
OOH the HTML formatting is already done for you unless you have a custom made HTML email template. Anyhow for all the working AJAX PHP forms go to the
AJAX PHP > php folder > templates > smartmessage.php
That file is a simplified html email using a table, you will notice that it calls all the variables declared inside smartprocesss.php
Hope this helps you to follow along
Fantastic – thank you. for your help and quick response. One last thing – is this script compatible to the latest version of PHP on hosts?
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.
Is custom work possible? If not can someone email me and suggest the type of form that would have these functionalities… roberto@klazzy.com
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?
Sent
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 */
Ok… it sends the info to the database but the form doesn’t fire off the “Thank you for submitting…” language and it doesn’t auto redirect.
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
The form you have at THIS link ( http://doptiq.com/smart-forms/demos/working/elegant/multi-steps/ ) seems to work perfectly. How can I find this one?
Check the AJAX PHP Folder, i think you are so close i wish i can look at your code and let you know of the adjustments to make… Can you share your FTP or Zip the entire form and email it to me?
I deleted it and then re-installed it on my server and now it’s working… a little. LOL! It submits, tells me “Thank You”, and adds the info to the back-end database… but after it submits (and RIGHT before it redirects to another page) an error comes up that says “CAPTCHA is incorrect”.
Do you do both mailing and posting to the DB?
Yes, I do
An additional question… when I log into the admin database, is there any way to add the functionality to edit that database without having to download the csv file?
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.aspAm using android 6 and the select retains focus which devices are you testing with and version of OS?
Hi, iphone 6 latest version of os using the safari browser.
Alright let me trying checking that on ios
Thanks. let me know your findings.
BTW: ios version is: 11.2.6
Alright
HI… do you have a solution to this issue for me please?
I looked at the issue problem is that the selects are also unresponsive in older versions of android – do you have any plugins that affects form elements on the site? What is the purpose of this plugin – FormControls.js
Have you tried testing when its removed?
That was only added the other day. You’ve had 30 days to resolve this for me! Here’s the page without FormControls.js http://site.therapytrainingschool.com/course-packages-essential-holisticsbackup.asp
And here’s a page with everything stripped out… css and java except for smart forms… still same issue http://site.therapytrainingschool.com/course-packages-essential-holisticstest.asp
Remove these CSS styles
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*
.smart-forms .radio,
.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .select .arrow,
.smart-forms .switch > label,
.smart-forms .ui-slider .ui-slider-handle{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*/
<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
Please clarify on this?
On this form : http://doptiq.com/smartforms/v4/demos/working/elegant/multi-steps/ we want to place continue button at top also, how do we do that ?
Its tricky but if you want to move them from bottom to top then use something like this
$("div.actions").insertBefore("div.steps");
Sorry you meant something like this?
http://doptiq.com/env/step-buttons/steps.htmlYes 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 
Great
Hi. I need to validate the age of the users. Is this possible? Send form only if they are 18 years old.
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();
}
});
});
Alright let me look at it
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 Hernan0790, You can send me an email i assist you with that
Thanks! Just sent you email
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” ?
Hello Elnurws
You can try the year range option like this
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: '1993:'+(new Date).getFullYear()
});
thank you. but I want only birth_date lable. not all
how do only birth_date label datapicker start 1993 year?
Change the ID #datepicker to your bith_date input iD
$( ”#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?
Hi Dubas Yes i do they work with Tiny MCE though i did not include an example due to copyright
Hmm is there any chance for guide or something else?
Let me drop you an example later on today
Great! Thanks 
Here are are two examples just basic ones
TINYMCE EDITOR
DEMO – http://doptiq.com/smartforms/v4/demos/wysiwyg/tinymce.html
DOCUMENTATION – https://www.tinymce.com/
TRUMBOWYG EDITOR
DEMO – http://doptiq.com/smartforms/v4/demos/wysiwyg/trumbowyg.html
DOCUMENTATION – https://alex-d.github.io/Trumbowyg/
Please note i just included the basic CDN versions of the Editors on top of smartforms more details and options can be found on the sites included
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