Name fields not displaying in one line on embedded page

  • Profile Image
    reklamationszentrale
    Asked on March 10, 2020 at 06:06 AM

    Hi there

    In my form name and surename is on one line but as soon i embed it on my website they are placed in 2 lines. Can you help?


    1583834772Bildschirmfoto 2020-03-10 um 1



    1583834746Bildschirmfoto 2020-03-10 um 1

  • Profile Image
    IvayloK
    Answered on March 10, 2020 at 08:52 AM

    Can you please provide the link of your website, so we can test it?

    Which method do you use to embed the form?

    Can you please try with iFrame and test again? In order to obtain the iFrame code, please follow this guide:

    https://eu.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Let us know, how it goes. We will wait for your response.

  • Profile Image
    reklamationszentrale
    Answered on March 10, 2020 at 10:02 AM

    i've tried both ways, iframe and embed code

    The link is: https://www.reklamationszentrale.ch/angebot/mitgliedschaft/

  • Profile Image
    IvayloK
    Answered on March 10, 2020 at 11:34 AM

    It seems that the "Herr/Frau" field is too wide. So, it causes the Full name field to go on two lines.

    Can you please try to use CSS code in the form, in order to tighten the "Herr/Frau" field?

    Please give it a try and let us know, how it goes.

    We will wait for your response.

  • Profile Image
    reklamationszentrale
    Answered on March 10, 2020 at 07:26 PM

    no, it's not working... even when i delete Herr/Frau... name and surname is on 2 lines


    1583882761Bildschirmfoto 2020-03-11 um 0

  • Profile Image
    Kiran
    Answered on March 11, 2020 at 12:03 AM

    I have added the following CSS code to your form and the name field on the embedded form is displaying properly in the same line.

    @media screen and (max-width: 770px) {

        [data-type="control_fullname"] .form-sub-label-container {

            width: 47%;

        }

    }

    Please check and let us know if you need any further help. Thanks!


  • Profile Image
    reklamationszentrale
    Answered on March 12, 2020 at 06:07 AM

    Perfect! Thanks for your great support!