Rendre le formulaire intégré réactif sur un appareil mobile

  • noemieaugeard
    Demandé le 21 février 2025 à 04:49

    Bonjour,

    J'ai créé plusieurs formulaires pour mon site web, mais je rencontre un problème : ils ne s'adaptent pas correctement au format mobile, ou du moins pas aussi bien que je le souhaiterais. (lien vers formulaire)

    Serait-il possible d'obtenir un code CSS ou des recommandations pour rendre ces formulaires plus réactifs et mieux intégrés aux différents formats d'écran, en particulier pour les appareils mobiles ?

    Je vous remercie par avance.

    Cordialement

    Noémie Augeard

  • Joeni Jotform Support
    Répondu le 21 février 2025 à 09:27

    Hi Noémie,

    Thanks for reaching out to Jotform Support. Our French Support agents are busy helping other Jotform users right now, so 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, it might take a while until they're available again.

    Now, coming back to your question, I try accessing your embedded form in a mobile device, but everything is working properly. Take a look at the screencast below:

    Rendre le formulaire intégré réactif sur un appareil mobile Image 1 Screenshot 20

    Could you provide more details on how you would like the embedded form to be displayed when accessed on a mobile device?

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

  • noemieaugeard
    Répondu le 21 février 2025 à 09:49

    Hello,

    Thank you for your response, everything is working fine. However, I would like to get the source code of my Jotform so I can integrate it directly into my website.

    Additionally, I would like to know if it is possible to create two different visuals: one for the computer version and another for the mobile version. Indeed, the visual surrounding the form is cropped on mobile screens, affecting the display.

    Thank you in advance for your help.

  • Joeni Jotform Support
    Répondu le 21 février 2025 à 10:46

    Hi Noémie,

    You can get the Full Source Code of your form by navigating the Publish tab. Let me show you how:

    1. In Form Builder, click on the Publish tab on the orange navigation bar.
    2. Select the Embed tab on the left side menu and click on the Source Code in the Embed Menu.
    3. Then, click on the Download Source Code button.

    Rendre le formulaire intégré réactif sur un appareil mobile Image 1 Screenshot 20 Now, coming back to your concern about the background of the form that is not responsive in mobile device, unfortunately, it is not currently possible to insert CSS code directly for Card Form layouts as the card form layout in Jotform does not support custom CSS. Custom CSS can only be applied to classic form layouts.

    Let us know if you have any other questions.

  • noemieaugeard
    Répondu le 21 février 2025 à 10:53

    I don't have the "source code" in embed for my formRendre le formulaire intégré réactif sur un appareil mobile Image 1 Screenshot 20

  • Jovito Jotform Support
    Répondu le 21 février 2025 à 13:51

    Hi Noémie,

    Since you are using a Card form, unfortunately, you can't download the full source code. This option is only available for Classic forms. You can try embedding the form using the Iframe code instead.

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

Votre réponse