Hi CrazyEngineers,

Thanks for the purchase - Did you include the FontAwesome Icons? - Did you make the markup correctly? Can you share your link

Thanks

Thanks, elflair. Looks like font awesome was the issue. Could you please let me know how to alter the tab sequence (when user hits the tab to move to next field?). I tried using tabindex; but that doesn’t seem to work.

Is there a sample that shows all the available elements in one place? If not, it’d be killer addition. It’s too time consuming to keep opening different files to find right elements.

One more question: When using multi-part forms, for example “widget-multisteps-three-steps-v2.html”, clicking upon ‘Continue’ or ‘Back’ button momentarily expands the form to show the next incoming contents. I’ve created a GIF to show this – http://i65.tinypic.com/qrho2x.gif .

Is there any way to fix this issue, and make the form sliding smooth? If not, I’d like to switch to another transition effect; preferably fading effect.

Yes actually theres a file with all the elements – its called ui elements combined that should get you started with all possible elements

For the Last Question

You can use transitionEffect and transitionEffect

You can see in my example below i have added two of those above mentioned options

$("#smart-form").steps({
    headerTag: "h2",
    bodyTag: "fieldset",
    transitionEffect: "slide",
    transitionEffectSpeed:600,
    autoFocus: true,
    labels: {
        finish: "Submit Form",
        next: "Continue",
        previous: "Go Back",
        loading: "Loading..." 
    }                
});

There are 3 transition effect options namely

FADE

This simply fades in and out the step elements

transitionEffect: "fade"

SLIDE

This slides up and down the step elements

transitionEffect: "slide"

SLIDE LEFT

This slides in / out from right to left the step elements

transitionEffect: "slideLeft"

Transition Effect Speed

You can set the effect delay speed you want – the default is 200

transitionEffectSpeed:600

Thanks

Could you please help place a font-awesome spinner, that shows after the user clicks ‘Submit’ button on the form? This is what I’ve done so far: -

<button type=”submit” class=”button btn-primary”> Submit </button> <button type=”reset” class=”button”> Cancel </button>

Using this CSS:

.hidden{ display: none !important; } .ajax_loader{ display: inline-block; padding-top: 2px; }

Now – the problem is I don’t know how to make the spinner appear after user clicks ‘Submit’ button.

IT seems that the Form CSS is mixed with some other CSS have you tried looking into that? its causing this problem

Hi, it’s not our css issue. It’s even happening in your sample page. Please view this page in Firefox and Chrome and compare the dropdown menu called “Select with single arrow”: http://doptiq.com/smart-forms/demos/samples/elegant/ui.html

You can see padding-left in the dropdown menu is slightly bigger in firefox than chrome so if you compare so if I try to match select dropdown menu padding left to textbox padding left in firefox and style it, then it’s off in chrome and vice versa.

Can you please help me how we can have consistent padding left for all field types in different browsers? As you see, we need to align placeholder label names in both Firefox and Chrome: https://www.absolute.com/en/landing/test/test-leadgen-template

For fields with icons there is a slightly larger padding due to the icon wrapper if you want to increase the padding of all fields please change these values below

.smart-forms .gui-input, 
.smart-forms .gui-textarea { padding:10px; }

.smart-forms .select > select {
    padding:9px 10px;
}

Hi, I don’t think you understand the issue I’m having. I’m trying to resolve the different padding left issue between two different browsers (Firefox and Chrome) and this is not gonna fix the difference.

If I try setting padding left to be 0, then in Chrome, there is no gap before the label in the select box but in Firefox, there is small 2 or 3 px of gap before the label because in firefox, there seems to be a default padding left that I cannot get rid of. Please try on your sample page and test in both browsers to see what I’m talking about.

Thanks.

Hi Ahsan just sent you feedback

Regards

Hi Elia,

I am still waiting for your response. Please check your email.

Thanks.

Ahsan

Hi Square design

My apologies on this anomaly i have been having issues with my mail which i am rectifying it hopefully this can be resolved tonight

I am going to get back to you on your issues tonight

Thanks

Hi Elflaire,

No problem, I thought there was something wrong, that is why I posted it here But I repeat, nice snippits of code, recommend it to all potential buyers.

Thanks for the recomendation

Still issues with your supportmail because I haven’t had any solution for my issues sent to your supportmail…

I need some help with FTP access sent you an email

Could you please help me with the issues I have with sending the form please?

OK

Elia, please help me and check my email…

Let me check

Elia, could you please help me with the last 2 issues? As I stated I have a deadline and I have been waiting for a long time now…

Am working on them actually – i sent you an email

How does your setup work, i mean what do you want to accomplish so that we can start from there – the reason for not displaying the checkmark is that you have two inputs in a single checkbox so it wont register the check way…

Also considering that the checkboxes do not use JS they rely purely on CSS but the order of arrangement matters

Lastly i noticed you do not have an empty span below the checkboxes so that could also be reason for this

Usually a typical checkbox has its markup in this format

<label class="option block">
    <input type="checkbox" name="subscribed" value="true">
    <span class="checkbox" /> Agree to terms            
</label>

The span with a checkbox class is important

Thanks

Sorry for not being clear. We are using .NET MVC for the form and we get two input fields generated for one checkbox. We did some research and this is why MVC is generating two fields for one checkbox: http://forums.asp.net/t/1314753.aspx

This is what we would have and the checkbox doesn’t seem to do anything when I click on it. Maybe we need to update smartform js file to make this work with two input fields for one checkbox?

<label class=”option block”> <input type=”checkbox” value=”true” name=”Subscribed” id=”Subscribed”> <input type=”hidden” value=”false” name=”Subscribed”> Agree to terms </label>

The only challenge is that my checkboxes are not JS driven – but we could inject some markup into the checkboxes so that we get this to work – thats the only way this ca be worked out

Are you able to help me on this? what kind of markup would you inject to fix this? I’m trying to see what I can do next to make my checkbox working with smartform…

What markup does your checkboxes produce? is it the above markup you displayed? Can i add wrappers or other HTML elements around your checkbox markup using MVC?

Hi, This is the markup we have:

<label class=”field option block”> <input type=”checkbox” value=”true” name=”Subscribed” id=”Subscribed”> <input type=”hidden” value=”false” name=”Subscribed”> I agree to receive emails from Absolute containing analyst reports, webinar invitations, and other materials regarding Absolute products and services. </label>

You can add html elements around the checkbox or add a wrapper.

What happens when you add a span a checkbox class below the second checkbox just before the agreement text

I mean add this just imediately below the second hidden checkbox

<span class="checkbox" />

My span seems to display oddly but just close it well on your side

I tried it and I see two checkboxes. Left checkbox is from <input type=”checkbox” value=”true” name=”Subscribed” id=”Subscribed”> and right checkbox is from the checkbox span tag. If I select right one, it doesn’t check the right checkbox; it selects the left checkbox instead. seems like we need JS update?

<label class=”field option block”> <input type=”checkbox” value=”true” name=”Subscribed” id=”Subscribed”><input type=”hidden” value=”false” name=”Subscribed”> [ENTER THE HTML SPAN TAG] I agree to receive emails from Absolute containing analyst reports, webinar invitations, and other materials regarding Absolute products and services. </label>

I had to put [ENTER THE HTML SPAN TAG] cause every time I submit this support form, it strips out the checkbox span tag you asked me to add.

To see how we wrote html codes for our form, please see this test page:https://www.absolute.com/en/landing/test/test-leadgen-template

Hi fotoruma,

CAPTCHAs do not solve human spam and if you are careful enough that seems to be spam from the same person who fills the form and submits it – you can track the IP and black list it

Thanks

but it seems to me that it was a robot. How can I find out the ip? How to put on the blacklist?

Why my captcha not refresh in the last step my form? http://0duvidas.pt/animal/animal.html

My support is expired but you don’t respond to emails that I have sent. My support expired a few days.

Captcha resolved.

Hello Diogo

My apologies in case i haven’t replied your emails

The datepicker can work with the year range option

Lets assume you have an input field with an ID datepicker like this below

<input type="text" id="datepicker" name="datepicker" class="gui-input">

The datepicker yearRange: option should be set like this below

$('#datepicker').datepicker({
    prevText: '<i class="fa fa-chevron-left" />',
    nextText: '<i class="fa fa-chevron-right" />',    
    dateFormat: 'yy-mm-dd',
    changeYear: true,
    yearRange: "-18:+0" 
});    

It can also be set in a hard coded way like this

yearRange: '1950:2013'

Hello, I have 2 calendar, 1 Date of birth and 1 date drive license. I want the second calendar just introduce the dates if the person has more than 18 years today. You could make a demo for me?

Let me work out a demo for you on this

The last question, why in the last step when fail the captcha and I return one step back, I can’t move forward again?

For example: http://0duvidas.pt/test/simulacao_bicicleta.html

I think we can allow returning back and block it to the last step will that work for you?

Yes, how do I do that?

Change this part

onStepChanged: function (event, currentIndex, priorIndex){
}

To this

onStepChanged: function (event, currentIndex, priorIndex){
    var form = $(this);
    return form.valid();
}

Hello, Not work… Please test in http://0duvidas.pt/test/simulacao_bicicleta.html and see the my video https://www.youtube.com/watch?v=r-xNZwFPac4

OK let me test it

already tested? can you help me?

Hi Diogo,

Yes i did all you have to do is change this section of code the step changing event (onStepChanging:)

FROM THIS:

onStepChanging: function (event, currentIndex, newIndex){
    if (currentIndex > newIndex){return true; }
    var form = $(this);
    if (currentIndex < newIndex){}
    return form.valid();
}

TO THIS:

onStepChanging: function (event, currentIndex, newIndex){
    if (currentIndex > newIndex){
        return true;
    }
}

Thanks

Hello, Not work… Now stop in first step. http://filipecastro.com/simulacoes/bicicleta/simulacao_bicicleta.html

Please help me I want to put online and can’t for this bug

Sorry i meant change it to this

onStepChanging: function (event, currentIndex, newIndex){
    if (currentIndex > newIndex){ return true; }
    var form = $(this);
    if (currentIndex < newIndex){ return true;  }
    return form.valid();
}

Yes, perfect. Thanks

Don’t give error when no fill required fields

It does but only at the end of the form – but you cant submit with any errors it will prompt you to go back and you will find the fields highlighted

You can’t be like before? The user in the final step don’t know what you need to fill

What you can do is use the second method of error placement you can find this inside Javascript enhancements > form-validation-error-placement-version2.html

Unable to validate immediately? I wanted to like this.

for example in widget-multisteps-progress.html validations is perfect but in my forms if i add capcha i have a problem ….

The challenge is getting the steps to highlight after telling them to pass as valid but invalidate fields – the problem with the captcha is that it stores its value in session so it is taken as invalid on all steps

Hi Diogo,

What if we modify the function a little bit and disable validation on hidden fields like this

onStepChanging: function (event, currentIndex, newIndex){
    if (currentIndex > newIndex){
        return true;
    }
    var form = $(this);
    if (currentIndex < newIndex){
        $(".body:eq(" + newIndex + ") label.error", form).remove();
        $(".body:eq(" + newIndex + ") .error", form).removeClass("error");
    }
    form.validate().settings.ignore = ":disabled,:hidden";
    return form.valid();
}

Hope this works to your needs

Hi Diogo,

What if we modify the function a little bit and disable validation on hidden fields like this

onStepChanging: function (event, currentIndex, newIndex){
    if (currentIndex > newIndex){
        return true;
    }
    var form = $(this);
    if (currentIndex < newIndex){
        $(".body:eq(" + newIndex + ") label.error", form).remove();
        $(".body:eq(" + newIndex + ") .error", form).removeClass("error");
    }
    form.validate().settings.ignore = ":disabled,:hidden";
    return form.valid();
}

Hope this works to your needs

Yes, now perfect! The last problem, when i enable multiple email recepients (2 recepients), the e-mails not send correctely.

$recipients = false; if($recipients == true){ $recipients = array( “MYEMAIL@gmail.com” => “Recipient Name”, “OTHEREMAIL@gmail.com” => “Recipient Name”, );

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

Yes, now perfect! The last problem, when i enable multiple email recepients (2 recepients), the e-mails not send correctely.

$recipients = false; must be true

Yes, but the response e-mail not send to correct e-mail… $recipients = true; if($recipients == true){ $recipients = array( “FISRTEMAIL@gmail.com” => “Recipient Name”, “SECONDEMAIL@guerreiros.pt” => “Recipient Name”, );

What happens? Does it send or it doesnt at all?

the client not recive response e-mail and the last e-mail in list recive the normal e-mail and response e-mail to client

For a response email you just turn the auto responder option to true

yes, this option is true but the last e-mail the list recive the normal e-mail and the auto responder e-mail. please test form and verify that recive auto responder

Did you by any means change the CSV name? You should open the CSV folder and look for the CSV file and update it with your new CSV name that way it should download

To do this – go to the PHP Folder – look for

admin > dataprocess.php and change this line to your CSV file name

../formcsv.csv

admin > index.php and change this line – to your CSV file name

../formcsv.csv?v=v1

That should solve the download problem

I didn’t change the name and after checking those 2 files they have the same name that you mentioned above.

I just installed the files without changing anything except my email and it still doesn’t download it. It still displays the data on the screen. I’ve tried it on different browsers with the same result. Http://ataflorida.com/booking/php/admin

OK let me look over this – not sure whats happening – is it possible to share your ftp – could it caused by folder permissions may be?

What permission should it be?

The admin folder is set to 0755. All the files inside of them are set to 0644. If any of them are incorrect, please advise.

PS thank you very much for all hard work and assistance.

I have installed it on two different hosting companies, with the same result. As I mentioned earlier, the only change I have done is change the email and turned on the csv function. I am using the booking and order examples you provided in the sendmail section.

Hi TheDevinMiller, - Yes multiple emails are supported – inside the documentation it is explained in detail

- When the email arrives its an HTML email – you can use the autoresponder example – just input the correct email address you will see how the sample email looks like

Ok, this is great, but I am not a coding genius like you so I might have a few questions. I set up a clone for email, where do I put this code with the name address[]

$address = $_POST['address']; foreach($address as $value){ $address_list = implode( '<br />', $address); } will that separate emails with a comma?

Open PHP folder and look for smartprocess.php

Look for lines that look like this below

$emailaddress = strip_tags(trim($_POST["emailaddress"]));

Add your lines – i mean these

$address = $_POST['address'];
foreach($address as $value){
    $address_list = implode( '<br />', $address);
}

Next open the templates folder and look for smartmessage.php

Inside look for lines like this

<p><span>Email:</span> '.$emailaddress.'</p>

Then add your like this

<p><span>Email:</span><br />'.$address_list.'</p>

Thats it really

Whoops I think I found it, but now when I submit emails, the autoresponder is not sending to the emails in address. I have autoresponder on, and added ”$address_list” to the add address line of code.

Ok, let me try to explain this properly

I have two fields

<input type="email" name="emailaddress" id="emailaddress" class="gui-input" placeholder="Producer's Email">

and

<input type="email" class="gui-input" name="address[]" id="address" placeholder="Enter address">

In smart process,

$address = strip_tags(trim($_POST["address"])); $address = $_POST['address']; foreach($address as $value){ $address_list = implode( ',', $address); }

and

$address = strip_tags(trim($_POST["address"]));

then in the auto responder i have

if($autoResponder == true){ $automail->AddAddress($emailaddress, $address_list);

Have you tried adding it to the addresses list? – I mean this line

$automail->AddAddress($emailaddress, $sendername);

Change it to this and test to see what happens

$automail->AddAddress($emailaddress, $address, $sendername);

I did try that too, I am noticing that I am not getting an autoresponder email at all on any emails.

dang it, autoresponder was turned off in settings.. that is why

I got the autoresponder working, but is not working for the clone input.

Figured out how to show the code properly

inside index.php

             <div id="clone-group-fields">
                        <div class="toclone clone-widget">
                            <div class="spacer-b10">
                                <label class="field">
                                    <input type="email" class="gui-input" name="address[]" id="address" placeholder="Enter address">
                                </label>
                            </div>
                            <a href="#" class="clone button btn-red"><i class="fa fa-plus" /></a>
                            <a href="#" class="delete button"><i class="fa fa-minus" /></a>
                        </div>  
                    </div><!-- end #clone-fields -->

Inside smartprocess.php

    $address = strip_tags(trim($_POST["address"]));
    $address = $_POST['address'];
        foreach($address as $value){
            $address_list = implode( ',', $address);
        }

also

$automail->AddAddress($emailaddress, $address_list);

Is it working now?

It is not, I do not get an autoresponder email, when I put an email into the

<input type="email" class="gui-input" name="address[]" id="address" placeholder="Enter address">

OK create an email list array generated by the field – name=”address[]” like this

Then inside the autoresponder if statement before it closes add these lines

$auto_addresses = explode(',', $result["address"]);
foreach ($auto_addresses as $address) {
    $automail->AddBCC($address);
}