Rendre l'enquĂȘte en ligne responsive sur mobile
đ ProblĂšme
Le questionnaire de satisfaction client envoyé via le module de campagne n'est pas responsive.
Sur les appareils mobiles (ex. Samsung Galaxy S25), les utilisateurs doivent scroller horizontalement pour voir le contenu du formulaire.

exemple on iPhone 12 pro
đĄ Solution
En ajoutant la requĂȘte mĂ©dia CSS suivante dans la partie personnalisation de votre enquĂȘte, la mise en page du formulaire s'adapte aux petits Ă©crans (†600px), garantissant un affichage en pleine largeur et une meilleure ergonomie sur mobile.

Ajouter le style CSS
Notes
Ce CSS doit ĂȘtre adaptĂ© selon les champs du formulaire.
Cette correction ne nécessite que l'ajout de CSS, aucune modification de la structure HTML.
Vérifiez que la classe
form-style
est appliquée au bon élément wrapper dans votre formulaire.Ajustez les valeurs
max-width
oupadding
si nécessaire pour les tablettes ou les appareils de taille moyenne.
/* RequĂȘte MĂ©dia pour les petits Ă©crans */
@media only screen and (max-width: 600px) {
.form-style {
width: 100%;
padding: 5px;
}
.form-style table {
width: 100%;
}
.form-style input[type="radio"] {
width: 10%;
margin-bottom: 10px;
}
.form-style input[type="submit"],
.form-style textarea {
width: 100%;
margin-bottom: 10px;
}
}
â
Résultat
AprĂšs application du correctif :
Le formulaire s'adapte correctement à toutes les tailles d'écran.

Sur desktop
Plus besoin de scrolling horizontal.
L'expérience client est nettement améliorée sur tous les mobiles.

mode paysage sur mobile

mode portrait sur mobile