Why is my form not showing correctly on the website?

  • Profile Image
    kayemac
    Asked on January 08, 2017 at 09:33 PM

    Hi! Here is my form: https://form.jotform.me/63359470771463

     

    and here is the website where it's embedded: http://20four7va.com/demo-2/

     

    What am I doing wrong here? Is there something I can do with my form to make it show correctly on the website? Can you please help me?

  • Profile Image
    Chriistian
    Answered on January 09, 2017 at 02:14 AM

    Hi,

    Can you please give us more details about your concern? I checked your site (http://20four7va.com/demo-2/) and the form (https://form.jotform.me/633594707714630 embedded on the site and it shows properly. Here how it looks on my end, please see the image below:

    If you mean something else about showing the form properly in your site, do get us back.
    Regards 

  • Profile Image
    kayemac
    Answered on January 09, 2017 at 03:45 AM
    Yes, the fields are all there on the website but they're all aligned at the
    far left. There's little margin.
    ...
  • Profile Image
    Chriistian
    Answered on January 09, 2017 at 05:18 AM

    Hi,

    Please inject this custom CSS to your form:

    li#id_9, li#id_4, li#id_7, li#id_7, li#id_5, li#id_15, div#cid_14, .form-buttons-wrapper, li#id_10{

        margin-left: 30px !important;

    }

     

    Related guide: How to Inject Custom CSS Codes.

    Please let us know if you need further assistance.
    Regards

  • Profile Image
    kayemac
    Answered on January 09, 2017 at 08:45 AM
    Thanks Chriistian! It looks great now. But I have just one last request.
    Can you fix this for me please?
    http://screencast.com/t/jBXwJLmyfDwW
    The margin is good now. But the textboxes are not aligned properly.
    Also, can you put the captcha box at the center of the form?
    Best,
    Kaye Mac / Communications and Compliance Manager
    catherine.mac@20four7va.com / communications@20four7va.com
    /
    +639266170836
    / Skype: catherine.mac.20four7va
    20Four7VA
    +14438564882
    2006 Pony Island Lane, Berlin, MD 21811
    http://www.20four7va.com/
    [image: Twitter] [image: Facebook]
    [image: Google +]
    [image: LinkedIn]
    [image: Instagram]
    [image: Skype]
    [image: Youtube]
    [image: Pinterest]

    [image: htmlsig.com]
    This e-mail message may contain confidential or legally privileged
    information and is intended only for the use of the intended recipient(s).
    Any unauthorized disclosure, dissemination, distribution, copying or the
    taking of any action in reliance on the information herein is prohibited.
    E-mails are not secure and cannot be guaranteed to be error free as they
    can be intercepted, amended, or contain viruses. Anyone who communicates
    with us by e-mail is deemed to have accepted these risks. 20Four7VA is not
    responsible for errors or omissions in this message and denies any
    responsibility for any damage arising from the use of e-mail. Any opinion
    and other statement contained in this message and any attachment are solely
    those of the author and do not necessarily represent those of the company.
    ...
  • Profile Image
    Helen
    Answered on January 09, 2017 at 09:10 AM

    Hi,

    Thank you for contacting us.

    You can add CSS codes into your form for fixing the text boxes alignment. Here is a CSS code:

    .form-label.form-label-left {

        width : 58px !important;

    }

    Here is a guide helps you for injecting CSS codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The result will be shown like:

    If you have still a problem, feel free contact us.

  • Profile Image
    kayemac
    Answered on January 09, 2017 at 10:45 AM
    Awesome! Now, there's only one thing left that's bugging me. Can you help
    me with the captcha widget and align in at the center?
    Best,
    Kaye Mac / Communications and Compliance Manager
    catherine.mac@20four7va.com / communications@20four7va.com
    /
    +639266170836
    / Skype: catherine.mac.20four7va
    20Four7VA
    +14438564882
    2006 Pony Island Lane, Berlin, MD 21811
    http://www.20four7va.com/
    [image: Twitter] [image: Facebook]
    [image: Google +]
    [image: LinkedIn]
    [image: Instagram]
    [image: Skype]
    [image: Youtube]
    [image: Pinterest]

    [image: htmlsig.com]
    This e-mail message may contain confidential or legally privileged
    information and is intended only for the use of the intended recipient(s).
    Any unauthorized disclosure, dissemination, distribution, copying or the
    taking of any action in reliance on the information herein is prohibited.
    E-mails are not secure and cannot be guaranteed to be error free as they
    can be intercepted, amended, or contain viruses. Anyone who communicates
    with us by e-mail is deemed to have accepted these risks. 20Four7VA is not
    responsible for errors or omissions in this message and denies any
    responsibility for any damage arising from the use of e-mail. Any opinion
    and other statement contained in this message and any attachment are solely
    those of the author and do not necessarily represent those of the company.
    ...
  • Profile Image
    John_Benson
    Answered on January 09, 2017 at 12:45 PM

    Please add this custom CSS code in order to align the Captcha widget to the center of your form. Here's the custom CSS code:

    div#recaptcha-body { 

        margin-left: 6px !important;

    Here's a guide on: How-to-Inject-Custom-CSS-Code

    The result:

    Hope that helps. Let us know if you need further assistance. Thank you.

  • Profile Image
    kayemac
    Answered on January 09, 2017 at 09:45 PM
    Thanks! I had to increase the margin though so that it would be placed at
    the bottom center of the form. And it worked! As usual, you guys are great!
    I'm working on another form at the moment. I'll probably message you guys
    again for help. LOL
    I appreciate everyone's help. ☺
    Best,
    Kaye Mac / Communications and Compliance Manager
    catherine.mac@20four7va.com / communications@20four7va.com
    /
    +639266170836
    / Skype: catherine.mac.20four7va
    20Four7VA
    +14438564882
    2006 Pony Island Lane, Berlin, MD 21811
    http://www.20four7va.com/
    [image: Twitter] [image: Facebook]
    [image: Google +]
    [image: LinkedIn]
    [image: Instagram]
    [image: Skype]
    [image: Youtube]
    [image: Pinterest]

    [image: htmlsig.com]
    This e-mail message may contain confidential or legally privileged
    information and is intended only for the use of the intended recipient(s).
    Any unauthorized disclosure, dissemination, distribution, copying or the
    taking of any action in reliance on the information herein is prohibited.
    E-mails are not secure and cannot be guaranteed to be error free as they
    can be intercepted, amended, or contain viruses. Anyone who communicates
    with us by e-mail is deemed to have accepted these risks. 20Four7VA is not
    responsible for errors or omissions in this message and denies any
    responsibility for any damage arising from the use of e-mail. Any opinion
    and other statement contained in this message and any attachment are solely
    those of the author and do not necessarily represent those of the company.
    ...