Comment modifier l'agencement pour smartphone ?

Bonjour , j'aimerais savoir comment modifier les tailles d'affichage du formaulaire sur Smartphone ?
Le formulaire est très bien integrer sur ecran mais quand on regard sur smartphone cela ne s'affiche pas bien

Merci

Bonjour Mohamed,

Merci d'utiliser Jotfom. Pour optimiser votre formulaire aux smartphones, je vous propose d'abord de régler l'affichage de certains champs basiques du formulaire, puis d'injecter du code CSS pour le widget SMS Confirmation. Permettez-moi de vous montrer comment faire.

1. Dans le Générateur de Formulaire, allez à la page Créer.
2. Sélectionnez le champ E-mail, et cliquez son engrenage.
3. Dans le panneau de droite des Propriétés du champ E-mail, allez à l'onglet Avancés.
4. Réglez sur ON l'option Réduire.
5. Réglez sur ON l'option Déplacer vers une nouvelle ligne.

Ainsi nous n'aurons pas de changement de mise en page selon le type d'écran utilisé.

Ensuite, il s'agit de régler l'affichage du widget SMS Confirmation en y injectant un code CSS. J'aurai cependant besoin d'un peu de temps pour trouver le bon réglage, je reviens vers vous dès que j'ai une solution.

Merci de votre patience et votre compréhension, nous apprécions.

Cher Mohamed,

Merci de revenir vers nous. A propos de l'affichage du widget SMS Confirmation, il s'agit donc d'y injecter le code CSS suivant:

#send {

  display: flex;

  flex-direction: column;

}

#send_btn {

 margin-top: 10px;

margin-left: 0%;

 width: 50%;

}

Laissez-moi vous montrer comment faire.

1. Dans le Générateur de Formulaire, allez à la page Créer.
2. Sélectionnez le widget SMS Confirmation, et cliquez son la baguette magique.
3. Dans le panneau de droite des Paramètres du Widget, allez à l'onglet CSS Personnalisé et copiez-y le code ci-dessus.
4. Pour terminer, cliquez sur le bouton Mettrre à Jour je Widget.

Et voilà, ceci nous donne le résultat suivant:

Néanmoins, comme en principe le formulaire est mobile-responsive, votre formulaire devrait s'adapter automatiquement. Or, comme il est embarqué dans un site web, il est possible que son comportement change avec l'environnement de la page web où vous l'avez mis. Si vous nous communiquez l'URL de la page où il se trouve, nous pourrons chercher plus avant si besoin est.

Essayez, et dites-nous si vous avez encore besoin d'aide.