elflaire supports this item


458 comments found.

You can change smartforms-modal-trigger to any class of your own and style it your way


Also where do you add the email address for where the info collected by the form is sent, thanks.

Any support on this please?


My sincere apologies been away the whole of last week,

Open any working form and go to the settings file inside the PHP folder – Its clear in the documentation

Hi, I want to buy this but have a few questions: 1. Can I put secure forms on a secure page HTTPS: 2. Is there a way i can have promo code field that would subtract from the total order. 3. Is there a way an admin can put a list of valid promo codes and then only the valid promo codes will be accepted? Thank you

Hi Tixtravel ,

Are you working on a travel site? Thx

Any chance you could turn this into a workflow where different users have access to different sections?

Shd work on that but next year

Hey, I surfed around you webpage trying to find if there is a possibility for user to choose along for example 3-4 images with radiobutton ore something similar?

HI Soderhjelm,

Please be more specific, i have not understood your inquiry


Did you get the emails?

Got back to you via email


rsdolce Purchased

Hi there,

I have started receiving an error on mobile upload form:

Please upload a jpg or png image file.

From iphone standard photo. Can you tell me what the problem might be assuming it is a jpg or png im uploading?




rsdolce Purchased

Never mind got it working, iphone has changed their file names to be .PNG & .JPG instead of .jpg & .png :) All working now with some minor code fix ups

Thanks Rachel

Hello elflaire,

does Smart Forms has a drag and drop interface to build the forms or do I have to code the forms?

Kind regards.

Hi helgeschneider ,

NO it does not

please check mail

Ok let me get back to you

Hello, i have a little problem :( i use the multi-step and wish to get a upload function to it…but cant get it to work….

Badtotal.se Seems its the smartprocess.php i cant solve :(

Send me an email

Did you get the emails?

Yes i did,

Got back to you via email

Hi there

I have provided the javascript for a form I am working on.

I would like to know what needs changing in order to prevent the form being submitted multiple times? i.e. on submit to disable all buttons whilst the form is being processed, then show buttons again if not passed validation.

<script type="text/javascript"> $(function(){ $("#smart-form").steps({ bodyTag: "fieldset", headerTag: "h2", bodyTag: "fieldset", transitionEffect: "slideLeft", titleTemplate: "<span class="number">#index#</span> #title#", labels: { finish: "Submit Form", next: "Continue", previous: "Go Back", loading: "Loading..." }, onStepChanging: function (event, currentIndex, newIndex){ if (currentIndex > newIndex){return true; } var form = $(this); if (currentIndex < newIndex){} return form.valid(); }, onStepChanged: function (event, currentIndex, priorIndex){ }, onFinishing: function (event, currentIndex){ var form = $(this); form.validate().settings.ignore = ":disabled"; return form.valid(); }, onFinished: function (event, currentIndex){ var form = $(this); } }).validate({ errorClass: "state-error", validClass: "state-success", errorElement: "em", onkeyup: false, onclick: false, rules: { firstname: { required: true }, lastname: { required: true }, mob: { required: true, number: true }, tel: { required: true, number: true }, useremail: { required: true, email: true }, web: { url: true }, gender:{ required: true }, dob2:{ required: true }, address: { required: true }, thecity: { required: true }, postcode: { required: true }, nationality: { required: true }, isenglish:{ required: true }, atranslator:{ required: true }, prefgender:{ required: true }, prefcourse:{ required: true } }, messages: { firstname: { required: "Please enter firstname" }, lastname: { required: "Please enter lastname" }, mob: { required: 'Please enter mobile', number: 'Please enter numbers only' }, tel: { required: 'Please enter landine', number: 'Please enter numbers only' }, useremail: { required: 'Enter email address', email: 'Enter a VALID email address' }, web: { url: 'URL should start with - http://www' }, gender:{ required: 'Please choose male or female' }, dob2:{ required: 'Please enter your birth date' }, address: { required: 'Enter house number and street' }, thecity: { required: 'Enter your city' }, postcode: { required: 'Enter your postcode' }, nationality: { required: 'Please select your nationality' }, isenglish:{ required: 'Is English your first language?' }, atranslator:{ required: 'Do you require a translator?' }, prefgender:{ required: 'Please make a selection' }, prefcourse:{ required: 'Please make a selection' } }, /* @validation highlighting + error placement ---------------------------------------------------- */ invalidHandler: function(form, validator) { $(".errorsContainer").show(); }, 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()); } } }); /* Project datepicker range ----------------------------------------------- */ $("#dob2").datepicker({ prevText: '<i class="fa fa-chevron-left" />', nextText: '<i class="fa fa-chevron-right" />', yearRange: 'c-100:c+0', changeMonth: true, changeYear: true }); /* Show hide payment options ------------------------------------------------------- */ $('.smartfm-ctrl').formShowHide(); }); </script>

Hi Webzenuk,

You should include the submit handler inside the finished function of the steps like this below

I have included all the steps – up to when validation starts so replace between LABELS and VALIDATION

onStepChanging: function (event, currentIndex, newIndex){
    if (currentIndex > newIndex){return true; }
    var form = $(this);
    if (currentIndex < newIndex){}
    return form.valid();
onStepChanged: function (event, currentIndex, priorIndex){
onFinishing: function (event, currentIndex){
    var form = $(this);
    form.validate().settings.ignore = ":disabled";
    return form.valid();
onFinished: function (event, currentIndex){
    var form = $(this);
                    $('.field').removeClass("state-error, state-success");
                    if( $('.alert-error').length == 0){

Thanks for this.

I am not using the ajax/php aspect though. So will this still work OK as I’m simply submitting the form directly to an UPDATE command in classic vbscript.

Then use jQuery inbuilt post instead of the ajax handler


I’m trying to use owl carousel with url hash navigation.

As you see in this example, www.owlcarousel.owlgraphic.com/demos/urlhashnav.html, I want to create 5 slides and 5 navigation blocks underneath or beside the slides so clicking on each navigation block goes to the specific slide ie) clicking “one” nav block goes to the first slide and clicking “Four” nav block goes to the fourth slide.

My issue is I don’t like to show intermediate slides when you are jumping from the first slide to the fourth slide. I want to see the fourth slide immediately without scrolling to the 2nd, 3rd and then fourth slide.

Is there a way to do that?

Hi, I actually found “jumpTo” event available in owlcarousel ie) http://owlgraphic.com/owlcarousel/index.html#more-demos but I noticed cavas js doesn’t have the related js included ie) http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.js

Is there a reason why only some parts of owl carousel js/css are NOT included in canvas? Do I need to download the latest js/css from owl carousel?

HI Webteam_absolute you posted on the wrong forum i am not the outhor of OWL SLIDER


In this owl slider sample page, http://themes.semicolonweb.com/html/canvas/slider-owl.php I see you are using these attributes to set options of the slider ie)

where do I get a full list of possible attributes I can add to the owl slider? ie) data-margin, data-items, data-animate-in, data-speed, data-animate-out etc.

Documentation doesn’t have the list of attributes I can set…


HI Webteam_absolute you posted on the wrong forum i am not the outhor of OWL SLIDER

Hi, yes, I know you are not the author of owl slider but canvas css/js are including some owl carousel styles as you see in this sample page: ie) http://themes.semicolonweb.com/html/canvas/slider-owl.php

I’m comparing to owl carousel website and see if I can do some of the events mentioned here http://owlgraphic.com/owlcarousel/index.html#more-demos

My question is, is canvas including the latest version of owl carousel? or what version is it? I’m trying to see what’s missing and what I need to add on…

Is knowledge of php coding and javascript is necessary for using this script

so how we can use this. is this wordpress plugin or simple files. how we can implement this forms in my site

No its not a WordPress plugin

then how we can use this in my website

Hello, can i add Google-Trackingcode at mailsend? Thank you.

Should be very much possible you can look at these suggestions here

You can either do it in the smartprocess.php file and fire the Tracking code after success

http://stackoverflow.com/questions/4086587/track-event-in-google-analytics-upon-clicking-form-submit https://www.clickinsight.ca/about/blog/tracking-form-submissions-gtm

teambose Purchased

Can you help? Would of course be an order with invoice

If so, please write me what it would cost.

Thank you.

Hello. I am having the following issues with the frame rows:

My content of a second line of frm row keeps going to the left, as well as the footer.

I do not know why is not respecting the frame rule by:

Please take a look of the following link: http://unelos.com/home-construction-in-dallas.html

any idea how to fix this issue will be welcome.

thanks for your support



Pacotero Purchased

You are the Best!!!!



Pacotero Purchased

opps here I go again , this time with a problem submitting the form,

when I click on the sumbit button, i am getting this replay from the browser: 405 – HTTP verb used to access this page is not allowed. The page you are looking for cannot be displayed because an invalid method (HTTP verb) was used to attempt access.

I am using the quote html template with a few modifications.

1. I went to the elegant/ajax php/ send mail version/quote/php/settings/settings.php, 2. I made the basic modifications email, etc within the setting.php 3. I uploaded the file: settings.php to my godaddy server 4. I also uploaded the whole folder “quote” (I am not sure if this correct)

WHat I am doing wrong this time? if I leave in the server the whole folder “Quote” do I need to match the content of the index.php file that is inside, with the html markup within the file where the form is? here http://unelos.com/home-construction-in-dallas.html

sorry for all of the bothering, and thanks a lot for your support,



Hi Paco can you send me an email on my profile page for this one – its quite long i may need to help you via email

Thank you


elnurws Purchased

support so bad. I send mail FTP detail 23 november but didn’t answer

Check your test folder – tested the form its working as expected


elnurws Purchased

thank you for help! :)

Thanks for the purchase

Happy New Year


danayue Purchased

Hello! How do I adapt the php smartprocess.php scrips etc to be used with the form-cloned-elements.html? I have been able to provide php processing for all of my other forms (thanks to your detailed tutorial in documentation) but the name=”name[ ]” is problematic when trying to build an AJAX PHP script. Can you show how to do this? I am stumped.

You can use a database instead of a CSV file that way you can easily manage rows


danayue Purchased

That’s a great idea, thank you! What would be the best way to post into mySQL?

Create a connections files and a db then post the form fields – you can use the settings file for the connections – then use the processing file for posting the variables

NICE!!!!! When will there be a BootStrap Update? Thanks in advance