Arrondir les angles du formulaire

  • TELSO
    Demandé le 27 août 2024 à 05:09

    Bonjour,


    Je souhaiterais arrondir les bords de la page d'accueil du formulaire pour qu'il s'intègre mieux à notre site internet


    Comment puis-je faire ?


    Merci,


    Bonne journée

  • Lorenz Jotform Support
    Répondu le 27 août 2024 à 07:26

    Hi TELSO,

    Thanks for reaching out to Jotform Support. 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, coming back to your question. Technically, we can use Custom CSS code to round the corners of the form. It would be great if you can provide us with the link to the form, so we can check first. Take note that this applies to classic form layouts only.

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

  • TELSO
    Répondu le 27 août 2024 à 09:27

    Bonjour,


    Voici le lien pour accéder au formulaire : https://eu.jotform.com/build/193452655865369?iak=68e44e83c5e8293a52635f1abc188572-f3b8feb7e2250808


    Si c'est possible j'aimerai les arrondir sur tous les autres jotforms que notre entreprise possède

  • Jovito Jotform Support
    Répondu le 27 août 2024 à 11:40

    Hi TELSO,

    I checked the form on my end, and it seems that you have used a Card Layout form. Unfortunately, we can no longer modify the form itself using a CSS code once we use this form layout. We can only modify the form if it is in a Classic Layout. If you want to change the layout of your form, you can actually do that. Let me show you how:

    1. In Form Builder, click the blue paintbrush icon to open Form Designer.
    2. Go to Layout, and select Classic Form.

    Arrondir les angles du formulaire Image 1 Screenshot 30

    Here is the result when changing the form layout:

    Arrondir les angles du formulaire Image 2 Screenshot 41

    Once the form is in Classic Layout, we can now use a custom CSS code to modify it. You can also check my cloned form as a reference. We also have a guide on How to Change Your Form Layout that you can check out.

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

  • TELSO
    Répondu le 28 août 2024 à 09:14

    Merci,

    Cependant, je souhaite modifier le questionnaire avec une question par page et non une page pour toutes les questions.

    Ce n'est pas possible d'arrondir les bords en gardant une page par question ?

    Merci,

  • Jovito Jotform Support
    Répondu le 28 août 2024 à 09:46

    Hi TELSO,

    We can separate each questions into different page using the Page Break element. Let me show you how:

    1. In Form Builder, click Add a Form Element.
    2. Add a Page Break on each question.

    Arrondir les angles du formulaire Image 1 Screenshot 40

    Once done, each question will be displayed individually. If you also want to have a rounder corner for each question, you can also do that by adding a custom CSS code. Let me show you how:

    1. Copy this code:

    .form-all {
        border-radius: 25px !important;
    }

    2. In Form Builder, click the blue paintbrush icon to open Form Designer.

    3. Under Styles, scroll down below and paste the CSS code in the Inject Custom CSS text area.

    Arrondir les angles du formulaire Image 2 Screenshot 51

    Here is the result:

    Arrondir les angles du formulaire Image 3 Screenshot 62

    Now your questions will be shown individually, and with rounded corners.

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