Comment faire pour aligner les étiquettes à gauche ?

Bonjour

sur mon formulaire "RIDEAUX CALCUL BESOIN MÉTRAGE",

j'ai paramétré "Etiquettes à gauche", avec un formulaire de 800 pixels, des étiquettes de 500 pixels et des champs de saisie de 100 pixels.

J'ai donc en principe largement la place pour que le champ de saisie soit sur la même ligne que l'étiquette, sur la droite.

Pourtant, vous voyez sur la copie d'écran que le champ de saisie se place EN-DESSOUS.

Je n'arrive pas à corriger.

Merci de votre aide

Olivier

Bonjour Olivier,

Merci de nous avoir contactés. Le problème est dû au thème par défaut que vous avez utilisé. Pour résoudre ce problème, vous pouvez ajouter les codes CSS suivants au formulaire :

/*Put the input texts on the right -5447668*/

div#cid_22.form-input, div#cid_70.form-input, div#cid_71.form-input, div#cid_72.form-input, div#cid_84.form-input, div#cid_86.form-input,

div#cid_87.form-input, div#cid_88.form-input, div#cid_89.form-input, div#cid_98.form-input, div#cid_90.form-input, div#cid_93.form-input, div#cid_94.form-input, div#cid_99.form-input, div#cid_98.form-input, div#cid_104.form-input, div#cid_105.form-input, div#cid_106.form-input, div#cid_107.form-input, div#cid_108.form-input, div#cid_109.form-input, div#cid_110.form-input {

     width: 100px !important;

}

/*Ends here*/ 

Voici comment procéder :

1. Sur la page Générateur de formulaires
2. Ouvrez le Générateur de formulaires en sélectionnant l'icône du rouleau à peinture dans le coin supérieur droit.
3. Sélectionnez STYLES
4. Collez le code dans la section Injecter du CSS personnalisé

Vous pouvez également consulter ce guide. Voici un formulaire de démonstration.

Veuillez nous indiquer si vous avez d'autres questions.

Bonjour Mianala,

merci pour votre réponse rapide et efficace.

Votre code marche parfaitement.

Cependant, pour mes prochains formulaires, j'aimerais pouvoir afficher mes données de la même manière sans avoir besoin d'injecter du code CSS.

Quel thème par défaut dois je utiliser SVP ?

Par exemple, sur ce formulaire, est il possible de changer de thème (puis de personnaliser les couleurs, éventuellement) pour avoir cette mise en page avec les valeurs et étiquettes alignées ?

Merci d'avance

Hi Oliver,

Thanks for reaching out to Jotform Support. Unfortunately, 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, let me help you with your question. Can you send me the link to your form so I can take a look at it for you? you can check out this guide about Where to Find Your Form URL.

Once we can hear from you, we can move forward with a solution.

You can answer me in english, otherwise, I will wait for french tech to be available

Regards

Bonjour Olivier,

Merci pour votre réponse. J'ai fait plusieurs tests et malheureusement sans code CSS, je crains bien que cela ne puisse pas être possible. J'ai pu réduire la taille pour forcer deux champs sur une ligne en passant par l'éditeur sans code, mais tout se retrouve décalé ou décentré, et le résultat final n'est pas joli (à moins de rajouter du CSS, ce qui va à l'encontre du but).

Au plaisir de vous assister.