Mise en page de formulaire Mobile/Desktop

  • JulianJulian
    Asked on July 3, 2020 at 9:38 AM

    Bonjour,


    Je rencontre des problèmes de mise en page. Pouvez-vous m'aider ?

    Est-il possible de rajouter un espace entre le "nom" et le "prénom" de mon formulaire ? J'ai utilisé l'élément "Nom Complet" pour le créer. Je vous ai mis une photo en pièce jointe pour vous montrer mon problème. 


    Aussi, je souhaiterais avoir des boutons de la même taille pour l'envoi de photos.De même, vous verrez mon problème sur la photo jointe.  

    Enfin, je souhaite créer le même formulaire, pour Mobile ET  pour Desktop. Y a-t-il un moyen de le faire de manière responsive ? Ou dois-je créer 2 formulaires séparés avec 2 mises en pages adaptées ?

    Merci par avance pour votre aide et vos réponses,

    Bien à vous,

    Julian



    Jotform Thread 2428460 Screenshot
  • Bert_A
    Replied on July 3, 2020 at 11:15 AM


    Hi there,

    Thank you for reaching.

    Kindly please add the following CSS to your form to resolve the issue.

        @media screen and (max-width : 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)

    input[type=text], input[type=email], input[type=tel], textarea {

        width: 100%;

        -moz-box-sizing : border-box;

        /* -webkit-box-sizing : border-box;

        */

        box-sizing : border-box;

        max-width : initial !important;

        margin : 3px;

    }

    .qq-upload-button {

        padding-bottom : 1px;

        padding-top : 18px;

        text-align : center;

    }

    GUIDE: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes