Need help copying a form style online

  • schraderweb
    Asked on February 6, 2020 at 7:46 PM

    Hi All!

     

    I really like the form seen on this page: https://www.lauriesperfectclean.com/contact-us.php

     

    Can you please provide the code needed to do this form?

     

    I also want the icons seen on each input field.

     

    Thanks!

    Bret

    Page URL: https://www.lauriesperfectclean.com/contact-us.php
  • Jed_C
    Replied on February 6, 2020 at 9:33 PM

    Let me try to copy the form online and I'll let you know here once I'm done.

  • Jed_C
    Replied on February 6, 2020 at 10:36 PM

    Please check my sample form here https://form.jotform.com/200368424081045. Feel free to clone if you want https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    1581046575The Easiest Online Form Builde Screenshot 10

    Let us know if you have any questions or if you need further assistance. 

  • schraderweb
    Replied on February 7, 2020 at 8:38 AM

    very good....thanks so much!   Possible we can bring the icons over to the left about 10px?



  • Ivaylo JotForm Support
    Replied on February 7, 2020 at 9:53 AM

    I adjusted the form. It looks now like this:

    1581087166chrome 7TeNLQx9Of Screenshot 10

    You can clone and test my form from here:

    https://form.jotform.com/200374080866960

    Let us know if you need any further assistance.


  • schraderweb
    Replied on February 7, 2020 at 10:12 AM

    So cool...thanks again Ivaylok!

  • schraderweb
    Replied on February 7, 2020 at 10:15 AM

    I just noticed that when you click the 'name' field it highlights above the field...can you pls fix this?

    https://form.jotform.com/200374080866960


    The 'phone' icon seems to be missing?


    Thanks!

  • jherwin
    Replied on February 7, 2020 at 11:20 AM

    Can you please check your form again: https://form.jotform.com/200374080866960 and see if it's now working as expected?

  • schraderweb
    Replied on February 7, 2020 at 11:27 AM

     Same issues..missing 'phone' icon...and the name field highlights above the field when you enter name


  • Welvin Support Team Lead
    Replied on February 7, 2020 at 12:16 PM

    You can disable Highlight Effect in the Form Settings. I did that for you. As for the phone icon, it's there. Would you mind checking again? 

    2020 02 08 003 Screenshot 10

  • schraderweb
    Replied on February 7, 2020 at 1:05 PM

     Pls see screenshot - dont see the phone icon in Chrome and FF 1581098682Screenshot 2020 02 07 Thread 2 Screenshot 10

  • schraderweb
    Replied on February 7, 2020 at 1:15 PM

    I copied your form and placed the code on my site seen here:  https://www.lauriesperfectclean.com/contact-us.php


    Looks like the form is too wide...can you tweak the widths of the form and fields so it lays out right?


    maybe 520px wide?


    Thanks!

  • Ivaylo JotForm Support
    Replied on February 7, 2020 at 1:53 PM

    I checked your form from the link and noticed that two of the icons do not appear. Can you please try to clone my form again:

    https://form.jotform.com/200374080866960

    Since a ticket has been opened here regarding another matter, I have moved your last question to the following thread:

    https://www.jotform.com/answers/2153135-Can-you-tweak-the-widths-of-the-form-and-fields-so-it-lays-out-right