Embedded form width is incorrect.

  • balio26
    Asked on February 25, 2018 at 4:17 AM

    There's some kind of mess on my website right now, and as far as I can see, it's because of your non understandable settings in your form "configuration".

    I can't settle the width of my textbox anymore, which means that, some are too long, and some others too short.

    Your ""platform"" is saving automatically, which is pretty problematic for me (and everyone in this case!!!).

    How to solve this???

    I'll thank you... later!

  • Marvih
    Replied on February 25, 2018 at 6:16 AM

    Can you please share us the Website URL in which the form is embedded so we can check further.

    The form using its direct URL https://www.jotform.com/42203359330344 looks fine.

    The issue might be with the embed code used and your website's layout so it would greatly help us troubleshoot and fix your form if you can share with us the website URL.

    You can also try using iFrame Embed code if you are currently using the default embed script. It would isolate the form with your website's scripts that might cause the issue.


    Thank you, we will wait for your response.

  • balio26
    Replied on February 25, 2018 at 7:43 AM
    www.fruchartequilibre.com
    Page "formulaire"
    The form is working, my problem is that I can't personalize the size of my text boxes anymore...
    For example the text box "prom" is too long and I can change only every boxes together, but not individually.
    Thanks
    Tharger Outlook pour Android
    ________________________________
    ...
  • Adrian
    Replied on February 25, 2018 at 8:23 AM

    I was not able to find any field with the name "prom".

    If you want to change the width of the textboxes individually, you can do that by Injecting Custom CSS Code to your form.

    First, you need to get the ID of the textbox. For example, you want to change the width of the Nom field, the ID for that field is #input_100.

    How to Find Field IDs and Names

    The CSS Code to change the width of that field would be:

    #input_100 {
        width: 150px;
    }

    How to Inject Custom CSS Codes


    Change the CSS Selector with the ID of the field that you want to change the width.

    Let us know if you need further help.

  • balio26
    Replied on February 26, 2018 at 6:43 AM
    Understood!
    Everything works now, thanks for your assistance!
    Hadrien FRUCHART
    Naturopathe spialisdans l'alimentation
    Adresse postale:
    79 avenue de Rochemaure
    26200 MONTELIMAR
    http://www.fruchartequilibre.com/
    09 77 21 62 86
    ________________________________
    De : JotForm
    Envoy: dimanche 25 frier 2018 14:23
    : aequilibrium26@hotmail.fr
    Objet : Re: Embedded form width is incorrect.
    A new response has been received:
    [JOTFORM]
    Answered by Adrian
    I was not able to find any field with the name "prom".
    If you want to change the width of the textboxes individually, you can do that by Injecting Custom CSS Code to your form.
    First, you need to get the ID of the textbox. For example, you want to change the width of the Nom field, the ID for that field is #input_100.
    How to Find Field IDs and Names
    The CSS Code to change the width of that field would be:
    #input_100 {
    width: 150px;
    }
    How to Inject Custom CSS Codes
    Change the CSS Selector with the ID of the field that you want to change the width.
    Let us know if you need further help.
    View this thread on browser Unsubscribe Thread
    1519565002
    ...