Comment enlever l'espace vide en dessous de mon formulaire ?

  • webfos
    Demandé le 16 novembre 2023 à 09:26

    Bonjour,

    J'ai crée mon formulaire mais lorsque je l'ajoute sur mon site il y a un espace vide qui apparait, est-il possible de l'enlever ou de le réduire ? Si oui, comment ?

    Comment enlever lespace vide en dessous de mon formulaire ? Image 1 Screenshot 30 Screenshot 10

    Et est il possible d'afficher le message d'erreur en Français quand la personne n'a pas rempli toutes les cases du formulaire ?

    Comment enlever lespace vide en dessous de mon formulaire ? Image 2 Screenshot 41 Screenshot 21

    Merci d'avance pour votre aide.

    Gabriel

    Jotform Thread 9192501 Screenshot
  • Christopher Jotform Support
    Répondu le 16 novembre 2023 à 11:43

    Hi Claire,

    Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. It looks like you have embedded your form into your website. Could you share with us the link to your website where the form is embedded so that we can check it out and create the appropriate CSS code for it?

    As for your other concern, to avoid confusion, I have moved it to this thread.

    Once we hear back from you, we'll be able to help you with this.

  • webfos
    Répondu le 20 novembre 2023 à 11:38

    Hello Christopher,

    Thank you for your reply, here's the link of the page : https://fos-recette-staging.fiducial.fr/test-inte-livraison-bureau-c-1073.html

  • Christopher Jotform Support
    Répondu le 20 novembre 2023 à 12:09

    Hi Claire,

    Thanks for getting back to us. I accessed the link that you have provided, and it looks like I can't open it as shown in the screenshot.

    Comment enlever lespace vide en dessous de mon formulaire ? Image 1 Screenshot 30

    Are you using the default embed code? If yes, could you try using the iframe embed code and adjust its height? Here's how to do it:

    1. In Form Builder, in the orange navigation bar at the top of the screen, click on Publish.
    2. Click on Embed on the left side of the screen.
    3. Select Iframe and click on Copy Code.
    4. Update the height on the Iframe attributes.

    Comment enlever lespace vide en dessous de mon formulaire ? Image 2 Screenshot 41

    Give it a try and let us know how it goes.

  • webfos
    Répondu le 22 novembre 2023 à 10:55

    Hi Christopher,

    Yes it's working but i have the message of jotform under the form.

    Comment enlever lespace vide en dessous de mon formulaire ? Image 1 Screenshot 20

    Is it possible to take it of ? And for typeface do you have the proxima nova ?

    I'm asking a lot of questions because i'm doing some test and if it works well we will take a subscription :)

  • Mikhail Jotform Support
    Répondu le 22 novembre 2023 à 13:18

    Hi Claire, 

    Thanks for getting back to us. Only Jotform users with a paid subscription can remove the Jotform Branding forms. You can upgrade your account on your Jotform Account Settings page on your computer, because it's not available yet on the Jotform Mobile application. Let me walk you through it:

    • Open your My Forms page and hover your mouse over your Profile Picture/Avatar on the right side of the page.
    • In the little window that opens up, click on Account Settings.

    Comment enlever lespace vide en dessous de mon formulaire ? Image 1 Screenshot 30

    • Once in Account Settings, scroll down to the Jotform Branding section.
    • Click on Upgrade Account.

    Comment enlever lespace vide en dessous de mon formulaire ? Image 2 Screenshot 41

    • Choose one of the paid subscriptions and upgrade your account.

    That's it. For the font, you can check out this guide on how to change fonts.

    Give it a try and let us know if you need any other help.

  • webfos
    Répondu le 28 novembre 2023 à 04:04

    Hi,

    I've checked the guide on how to change fonts but i don't see the typeface "proxima nova". Is it be possible to add it on the list ? If not, it's fine i will use another typeface.

    Thanks for the help !

  • Finley Product Triage Specialist
    Répondu le 28 novembre 2023 à 09:21

    Hi Claire,

    Thanks for using Jotform. Unfortunately, the font family you mentioned isn't available at Jotform right now. However, you can easily add the font family of your choosing via Custom CSS. Let me help you do it:

    • Go to Google Fonts and search for the font you're looking to add to your form.
    • After that, click on the font you want and then scroll down to the Styles section and select a style by clicking on the Plus icon.
    • Then, click on the Bag icon at the top right corner of the page. In the Selected Family panel, under the Use on the Web option, select @import and copy the import part.

    Comment enlever lespace vide en dessous de mon formulaire ? Image 1 Screenshot 30

    • Then, go to your form and then click on the Paint Roller icon on the right side of the page. Under the Styles tab, scroll down to Inject Custom CSS part and then add the code you copied earlier.
    • After that, go back to Google Fonts and copy the code under the CSS Rules to Specify Families option. Then, add it to your Custom CSS field. It should look like the code below:
    * { font-family: 'Fjalla One', sans-serif; }

    Comment enlever lespace vide en dessous de mon formulaire ? Image 2 Screenshot 41

    Give it a try and let us know if you have any other questions.