-
demat.esusDemandé le 27 août 2021 à 05:34
Bonjour,
En voulant rendre le formulaire accessible pour les personnes en situation d'handicap, nous avons changé le thème en choisissant un thème recommandé par JotForm.
Suite à cette action, nous réalisons que nous avons perdu énormément en qualité d'affichage et ergonomie; cela devient très gênant car le formulaire n'est plus lisible sur certaines pages.
En particulier sur la dernière page de "relecture avant soumission" ; tous les champs sont décalés et sortent du cadre, le bouton de soumission est ejecté tout en bas à droite de la fenêtre et se superpose au bouton "imprimer en pdf" au point qu'il devient impossible de cliquer sur le bouton "soumission" et donc de soumettre le formulaire.
Pouvez vous m'indiquer comment résoudre ces problèmes d'ergonomie ?
Merci d'avance
-
MianalaRépondu le 27 août 2021 à 07:39
Bonjour,
J’ai nettoyé le cache de votre formulaire. Si le problème persiste, veuillez essayer de nettoyer la cache de votre navigateur.
https://www.refreshyourcache.com/en/home/
Faites nous savoir comment cela fonctionne de votre côté.
-
demat.esusRépondu le 27 août 2021 à 09:05
bonjour,
merci pour votre réponse ; le problème n'était pas résolu j'ai donc vider le cache de mon navigateur.
le probleme est en grande partie résolu sauf en ce qui concerne le bouton de soumission à la dernière page de mon formulaire.
l'écriture déborde du cadre du bouton comme vous pouvez le voir sur le screenshot ; que peut-on faire ?
merci d'avance
-
Gaetan_BRépondu le 27 août 2021 à 09:39
Bonjour,
Nous avons deux solutions pour arranger cela, les deux demandent l'utilisation de CSS personnalisé (https://www.jotform.com/fr/help/1726-comment-injecter-des-codes-css-personnalises/).
La première option est de forcer le texte à rentrer dans le bouton:
#input_282 {
word-break: break-word;
}
La seconde étant de passer le bouton en dessous des deux autres boutons et de l'étendre de manière à ce qu'il utilise 100% de la largueur du formulaire:
#previewButtons {
flex-wrap: wrap;
}
#input_282 {
flex-basis: 100%;
}
En espérant qu'une des deux solutions puisse vous convenir.
