Comment ajuster dynamiquement la position des éléments ?

Bonjour sur mon formulaire,

https://eu.jotform.com/build/243113646200039

sur la partie Contrat Connectique ( page 4 ),

Je ne parviens pas à placer les dropdown en gardant l'alignement à droite de la partie Nombre de postes reliés à la signature du contrat.

J'avais procéder et réussit, en mettant en place une position : absolute. Mais vu que la zone supérieur est variable, cela créer des décalage.

Merci d'avance de votre aide.
Cordialement,

Lucas

Hi reprolanguedoc,

Thanks for reaching out to Jotform Support. Our French Support agents are busy helping other Jotform users right now, so 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, it might take a while until they're available again.

Now, coming back to your question, unfortunately, we are unable to dynamically adjust the position of the elements when using the position absolute. What I can suggest is to set a fixed height for the Paragraph element above it by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

li#id_509 {

height: 300px !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Give it a try and let us know how it goes.

D'accord,

merci de votre réponse Christopher.

N'est-il pas possible de créer une <div> parent afin d'entourer les éléments et de glisser avec le css à l'endroit convenu ?

Bonjour Lucas,

Comme vous le savez certainement, l'ajout d'une balise <div> ne peut se faire via l'injection de CSS, et une telle demande reviendrait à une demande de nouvelle fonctionnalité du Générateur de formulaire. Si je comprends bien, vous souhaitez que chacun des cinq menus déroulants soit aligné horizontalement avec chacun des cinq premiers choix du champ de Choix unique. Cela est en effet difficile à assurer parce que vous avez déjà un paragraphe (Tarification**) en vis-à-vis de ce Choix unique. Il faudrait changer la mise en page, et mettre en vis-à-vis chacun des éléments, et/ou changer la logique des choix.

Par exemple, du moment que le nombre de postes à choisir est un choix unique, est-il nécessaire d'afficher tous les menus déroulants pour la tarification? Autrement dit, est-il envisageable que seul s'affiche le menu déroulant de la tarification correspondant au choix du nombre de poste? Ou bien la tarification est-elle indépendante? En ce cas, pourquoi chaque choix de tarification doit-il être aligné avec les choix possibles de nombre de postes? Pouvez-vous nous expliquez le principe que vous souhaitez mettre en œuvre pour ces différents choix?

Aussitôt que vous revenez vers nous, nous pourrons mieux comprendre votre intention et chercher une solution qui puisse vous satisfaire.

Bonjour Frédéric,

Oui, tout à fait, il est normal que l’ajout de balises ne se fasse pas via le CSS. Mon idée initiale était d’intégrer une balise <div> à l’aide d’un widget HTML, afin de pouvoir regrouper plusieurs éléments enfants sous un même parent.

Pour simplifier la mise en page tout en conservant un rendu visuellement proche de ce que l’on souhaite, j’ai finalement placé la section "tarification / nombre de postes" au-dessus des éléments dynamiques (voir capture d’écran). Ensuite, j’ai utilisé du CSS en position: absolute pour aligner la tarification correctement.

Merci pour votre aide,

Cordialement,

Lucas

Cher Lucas,

Oui, bravo, je vois que vous avez joué avec les marges et la position absolue de ces menus déroulants. J'espère que ce CSS ne sera pas trop sensible aux formats d'écrans variés, si tant est que ce cas est supposé se présenter. Nous restons à votre disposition si besoin est.

N'hésitez pas à revenir vers nous si vous avez encore besoin d'aide.