Changer le nombre de ligne d'un tableau selon les sélections faites

  • YGU
    Demandé le 20 mai 2024 à 23:57

    Bonjour,

    je souhaiterai avec les contraintes du choix de 3 conditions précises, faire évoluer le nombre de lignes NB

    En effets

    1. JEUNES+FINA+EQUIPE LIBRE NB =12
    2. ou
    3. AVENIRS+CHALLENGE+DUO LIBRE=8
    4. ................

    Cordialement

    Yves



    Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 20

  • Frédéric Jotform Support
    Répondu le 21 mai 2024 à 02:36

    Bonjour Yves,

    Merci de contacter l'assistance Jotform. Il n'est pas encore possible de changer le nombre de lignes du widget Feuille de calcul selon des conditions. Une solution est d'ajouter autant d'instances du widget avec chacune le nombre de lignes souhaité et, au moyen de conditions, de cacher ou montrer les feuilles adéquates. Permettez-moi de vous montrer comment faire pour les deux conditions que vous mentionnez.

    1. Dans le Générateur de Formulaires,  allez à la page Créer et définissez deux widgets Feuille de calcul avec 12 et 8 lignes respectivement.
    2. Pour chacune, cliquez sur l'engrenage.
    3. Dans le panneau de droite, allez à l'onglet Avancés.
    4. Réglez sur ON l'option Masquer ce champ.Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 70
    5. Allez ansuuite à la page Paramètres .
    6. Dans le panneau de gauche, choisissez Conditions.
    7. Sélectionnez Afficher / Masquer un champ.Changer le nombre de ligne dun tableau selon les sélections faites Image 2 Screenshot 81
    8. Définissez la condition comme suit.
    9. Et cliquez sur Enregistrer.Changer le nombre de ligne dun tableau selon les sélections faites Image 3 Screenshot 92

    La condition étant la suivante, étant bien spécifié Si Toutes les règles corespondent..., et le champ sélectionné en conséquece (Alors), étant le tableau de 12 lignes.Changer le nombre de ligne dun tableau selon les sélections faites Image 4 Screenshot 103

    Et répétez les étapes précédentes pour définir la seconde condition suivante qui, elle, affiche le tableau de 8 lignes:

    Changer le nombre de ligne dun tableau selon les sélections faites Image 5 Screenshot 114

    Ce qui nous donne le résultat suivant:

    Changer le nombre de ligne dun tableau selon les sélections faites Image 6 Screenshot 125

    Faites un essai et dites-nous comment ça se passe. 

  • YGU
    Répondu le 21 mai 2024 à 03:14

    Bonjour,

    J'ai déjà fait l'essai pour afficher des questions ou en masquer, et le système fonctionne très bien, je vous remercie, mais je n'ai pas qu'un affichage il m'en faut au moins 45 car j'ai plusieurs conditions. Certaines conditions aboutissent au même nombre de ligne.

    Si j'utilise une entrée de tableau comme ci dessous, puis je avec une liste déroulante supprimer des ligne ou en rajouter ?

    3,4,5,6,7,8,9,10,11

    Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 20

  • Frédéric Jotform Support
    Répondu le 21 mai 2024 à 05:10

    Cher Yves,

    Merci de revenir vers nous. Il se trouve qu'actuelllement, il n'est pas possible, le plus souvent sinon toujours, de changer dynamiquement, selon des conditions, les paramètres ou options de réglage des éléments de formulaires ou des widgets, dont l'élément tableau ou le widget Feuille de calcul. L'utilisation d'une liste déroulante qui indiquerait le nombre de lignes du tableau ne rend pas plus la chose possible.

    Si vous le souhaitez, je peux demander à nos développeurs d'étudier le développement d'une telle fonctionnalité, mais je ne pourrais pas vous dire quand elle sera développée, cela dépend de la demande, de sa viabilité et de leur planning.

    Une solution consisterait à instancier autant de tableaux que nécessaires avec chacun, si je comprends bien 3,4,5,6,7,8,9,10,11 lignes, puis d'optimiser le nombre de conditions à définir:

    • En utilisant deux champs qui serviraient de résultats intermédiaires, car comme vous le savez certainement déjà, les conditions permettent de tester exclusivement si toutes les conditions sont réunies, autrement dit la fonction 'Et', ou bien si l'une au moins des conditions est vérifiée, autrement dit la condition 'Ou'.
    • En créant éventuellement plusieurs catégories de réponses à donner, par exemple en créant un élément à Choix unique pour une catégorie Age (Jeunes, Juniors, Seniors), etc., chaque catégorie de réponse pouvant être elle-même, éventuellement, l'objet d'une condition pour afficher les réponses possibles, si toutes les combinaisons théoriques ne sont pas possibles notamment.

    Par exemple, supposons que ces quatre choix aboutissent au même tableau:

    • Avenirs + Jeunes + Duo Libre
    • Avenirs + Jeunes + Duo Technique
    • Avenirs + Jeunes + Duo Libre Mixte
    • Avenirs + Jeunes + Duo Technique Mixte

    Alors deux conditions et deux champs de calcul intermédiaire, lesquels participeraient de la seconde condition, suffiraient pour afficher un même tableau. Permettez-moi de vous montrer un exemple.

    1. Dans le Générateur de Formulaires, , ajoutez deux champs Texte Court à votre formulaire, nommé Choix intermédiaire, lequels sera caché ensuite.Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 80
    2. Puis ajoutez un widget Calculatrice pour formulaire.
    3. Cliquez ensuite sur sa baguette magiqueChanger le nombre de ligne dun tableau selon les sélections faites Image 2 Screenshot 91
    4. Dans lequel vous ajoutez le champ des choix, et cliquez sur les chiffres 0-9 pour qu'ils représentent A-Z afin que la réponse s'effectue en chaîne de caractères.Changer le nombre de ligne dun tableau selon les sélections faites Image 3 Screenshot 102
    5. Allez ensuite à l'onglet Paramètres.
    6. Dans le panneau de gauche, allez à l'onglet Conditions.
    7. Sélectionnez Mettre à jour / Calculer un champ.Changer le nombre de ligne dun tableau selon les sélections faites Image 4 Screenshot 113
    8. Puis définissez et enregistrer d'une part la condition suivante.Changer le nombre de ligne dun tableau selon les sélections faites Image 5 Screenshot 124
    9. Créez enfin une seconde condition pour afficher le tableau requis en choisissant une condition Afficher / Cacher un champ.Changer le nombre de ligne dun tableau selon les sélections faites Image 6 Screenshot 135
    10. Ainsi définie pour tester à la fois - Toutes les règles - selon lesquelles le choix intermédiaire issu de la première condition est Jeunes+Avenir, et que la calculatrice pour formulaire contient le mot DUO.

    Changer le nombre de ligne dun tableau selon les sélections faites Image 7 Screenshot 146

    Si vous voulez partager avec nous les 45 conditions que vous souhaitez tester et pour chacune le nombre de lignes requises, alors nous pourrons vous aider à optimiser le nombre de conditions à définir selon le principe énoncé plus haut.

    Faites un essai et dites-nous comment ça se passe. 



  • YGU
    Répondu le 21 mai 2024 à 05:39

    En attendant votre réponse, j'ai utiliser la méthode de masquer une entrée de tableau en fonction d'un nombre, pour diminuer les conditions

    j'ai commencé, mais c'est long

    Vous pouvez voir le résultats pour 8, 9, 10,11 qui permet d'avoir

    https://form.jotform.com/YGU/TEST_CC_2024


    23 lignes

    21 lignes

    19 lignes

    17 lignes

    Merci pour m'avoir guidé, mais ce n'est quand même pas pratique mais je n'ai pas d'autres solution je n'ai pas d'autre solution

    Cordialement



  • Frédéric Jotform Support
    Répondu le 21 mai 2024 à 06:24

    Cher Yves,

    Oui en effet, et je suis à peu près certain qu'on peut optimiser le nombre de conditions à définir en suivant le principe général proposé précédemment. N'hésitez pas à utiliser le widget Calculatrice de formulaire comme indiqué, notamment avec l'affichage de la chaîne de caractères des choix, car vous pouvez y tester si un mot y est contenu, comme dans mon exemple précédent.

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

  • YGU
    Répondu le 22 mai 2024 à 23:54

    Bonjour,

    J'ai opté pour avoir 8 entrées de tableaux qui sont cachées et qui s'affichent si une condition de la liste déroulante est sélectionnée.
    Serait-il possible pour plus de lisibilité d'avoir une petite vignette à la création du formulaire.
    EXEMPLE pour plus de confort mais qui ne change rien dans le fonctionnement
    https://form.jotform.com/YGU/TEST_CC_2024

    CordialementChanger le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 20

  • Raymond Jotform Support
    Répondu le 23 mai 2024 à 02:18

    Hi Yves,

    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.

    If I understand your question correctly, are you trying to shrink your Spreadsheet widgets so they are placed side-by-side? If so, please let us know and we'll create a CSS code that you can use to achieve it. If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

    Once we have a better idea of what’s going on, we’ll be able to come up with a solution.

  • YGU
    Répondu le 23 mai 2024 à 02:33

    Bonjour,

    Oui bien sur, je veux réduire mes widgets de Tableau de Saisi
    Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 20

    afin qu'ils soient placés côte à côte comme l'image dans le précédent message ? pouvez vous créer un code CSS

    Cordialement

  • Raymond Jotform Support
    Répondu le 23 mai 2024 à 02:55

    Hi Yves,

    Thanks for getting back to us. I believe I understand what you need better. If I got it correctly, you're trying to show the number of rows in your input table, based on the option selected on your dropdown field. Unfortunately, this is not possible even with CSS codes. As a workaround to that, you can instead use the Configurable List widget so users can add rows as needed. Let me show you how to add that to your form:

    1. In Form Builder, click on the Add Element button on the left.
    2. Next, under the Widgets tab, select the Configurable List widget.
    3. Then, enter the following texts into the Fields Configuration box.
    TIME : Short Text
    PART : Short Text
    EL : Short Text
    BASE MARK : Short Text
    DECLARED DIFFICULTIES : Short Text
    BONUS : Short Text
    TOTAL DD : Short Text
    TOTAL : Short Text

    Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 30

    That's it. This is how users would add a new row:

    Changer le nombre de ligne dun tableau selon les sélections faites Image 2 Screenshot 41

    Give it a try and let us know if you need any help.

  • YGU
    Répondu le 23 mai 2024 à 03:23

    Bonjour Raymond
    Non ce n'est pas ça, je sais que vous ne pouvez pas rajouter du code CCS, c'est pourquoi j'ai construis 8 widgets de Tableau de Saisi avec un affichage en fonction d'une séléction

    Ce que je souhaite c'est que chaque Widgets de Tableau de Saisi soit plus petit.
     


    Bien sur pour les 8 Widgets de Tableau de Saisi Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 20

  • Frédéric Jotform Support
    Répondu le 23 mai 2024 à 03:54

    Bonjour Raymond,

    Merci de revenir vers nous avec ces précisions. Il est possible de réduire la taille des tableaux en injectant le code CSS suivant, ici pour une largeur de 600 pixels imposée:

    .form-matrix-table {
      width: 600px !important;
    }


    Permettez-moi de vous montrer comment faire. 

    1. Dans le Générateur de Formulaires,  allez à la page Créer.
    2. Cliquez sur le rouleau de peinture à droite.Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 60
    3. Dans le panneau de droite, cliquez sur l'onglet Styles, et descendez tout en bas du panneau.Changer le nombre de ligne dun tableau selon les sélections faites Image 2 Screenshot 71
    4. Cliquez sur Outil de Conception Avancé. Changer le nombre de ligne dun tableau selon les sélections faites Image 3 Screenshot 82
    5. Allez à l'onglet CSS et collez le code au tout au début ou à la fin de section réservée au code CSS.
    6. Cliquez sur l'icone de disquette à gauche pour enregistrer.
    7. Puis sur la marque Jotfrom pour retourner à la page Créer du genérateur de formulaire.Changer le nombre de ligne dun tableau selon les sélections faites Image 4 Screenshot 93

    Ce qui nous donne le résultat suivant:

    Changer le nombre de ligne dun tableau selon les sélections faites Image 5 Screenshot 104

    Si vous souhaitez aussi changer la hauteur, il faut agir sur la hauteur des lignes, en remplaçant le code précédent par celui-ci, pour une largeur de 600 pixels et une hauteur de lignes de 8 pixels:

    .form-matrix-table {
      width : 600px !important;
      line-height: 8px;
    }

    Faites un essai et dites-nous comment ça se passe. 

  • YGU
    Répondu le 23 mai 2024 à 04:51

    Bien, j'ai fait un essai et c'est parfait, mais on ne s'est encore pas compris, je voulais diminuer la taille
    pas quand l'internaute ouvre son formulaire, mais à la conception je souhaite que les 8 Widgets de Tableau de Saisi soit le plus petit possible pour les faire tenir sur une page

    Cordialement

    Changer le nombre de ligne dun tableau selon les sélections faites Image 1 Screenshot 20


  • Raymond Jotform Support
    Répondu le 23 mai 2024 à 05:05

    Hi Yves,

    Thanks for getting back to us. Unfortunately, it's not possible to apply changes that will only take effect when the form is being edited. Any changes made to the form will be applied automatically on both build mode and live mode. As a workaround to that, you may try using different tabs to navigate on your form. However, I suggest that when doing this, only make changes to a single tab as it may cause progress-saving issues.

    Reach out again if you need any help.

  • YGU
    Répondu le 23 mai 2024 à 05:11

    Merci beaucoup


    A bientôt