Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen

  • online21
    Gefragt am 20. Juli 2024 um 13:39

    Hallo,

    gibt es bei dem Widget "Unendliche Liste" die Möglichkeit das anstatt einer Zeile, drei Zeilen von Beginn an geöffnet sind?

    So wie bei der "Configurable list" vom Beispiel im Anhang.

    Bitte um Hilfe.

    Danke.

    Gruß

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 1 Screenshot 20Manuel

  • Jerlan Jotform Support
    Geantwortet am 20. Juli 2024 um 15:54

    Hi Manuel,

    Thanks for reaching out to Jotform Support. Our German Support agents are currently busy helping other Jotform users. 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 German, let us know and we can have them do that. But, remember that you'd have to wait until they're available again.

    About your question, can you share your form URL? This will help us better understand what's happening and help you find a solution.

    Once we hear back from you, we'll be able to help you with this.

  • online21
    Geantwortet am 20. Juli 2024 um 16:43

    Hallo!

    Hier der Link! - https://eu.jotform.com/build/241933598589376

    Die "Configurable list" hab ich nur als Beispiel unter der "Unendlich Liste"!

    Hier wäre Super wenn auch bei der "Unendlich Liste" drei Zeilen vom Start weg offen wären.

    Danke schon mal.

    Gruß

    Manuel

  • Aries Jotform Support
    Geantwortet am 20. Juli 2024 um 19:38

    Hi Manuel,

    Thanks for sharing the form URL. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

  • Aries Jotform Support
    Geantwortet am 21. Juli 2024 um 20:09

    Hi Manuel,

    Thanks for your patience. I cloned and tested your form and I was able to add two more rows to the Infinite List widget. To do this, you have to insert additional columns in ''Column Names'' and inject custom CSS codes into the widget itself and also into the form. Let me show you how to do it:

    1. In Form Builder, click on the wand icon on the Infinite List widget.

    2. Then add two more column names by entering the same labels twice. Or you can just copy it below, replace it, and paste it into the current column names.

    Name{127}, PLZ{33},Rufnummer{98}Name{127}, PLZ{33},Rufnummer{98}Name{127}, PLZ{33},Rufnummer{98}

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 1 Screenshot 50

    Next, you need to inject custom CSS codes into the widget CSS codes field. Here's how to do it:

    3. Copy the custom CSS codes below:

    #form tr {
        display: grid;
        grid-template-columns: auto auto auto;
    }
    #form td {
        text-align: center;
    }
    td, th {
        vertical-align: top;
    }
    table#list {
        display: flex;
        width: 100%;
        overflow: scroll;
        flex-direction: column;
    }

    4. Click on the wand icon on the Infinite List widget

    5. Then go to Custom CSS tab

    6. And paste the custom CSS codes into the text field.

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 2 Screenshot 61

    Lastly, you have to inject custom CSS codes into your form.

    7. Copy the custom CSS codes below:

    iframe#customFieldFrame_19 {
    width: 100% !important;
    max-width: 100% !important;
    }

    8. In Form Builder, click on the blue roller paint icon.

    9. Then go to Styles.

    10. And paste the custom CSS codes into the text field.

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 3 Screenshot 72

    Here's the final result:

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 4 Screenshot 83

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

  • online21
    Geantwortet am 22. Juli 2024 um 11:17

    Hallo,

    vielen Dank für die Mühe.

    Mit den 3 Zeilen funktioniert Super.

    Nur das Problem ist, das man dann nicht wie im ersten Screenshot die einzelnen Positionen nochmals bearbeiten oder Löschen kann.

    Es erscheint dann ober den Zeilen dann ein eigenes Feld wo alle Datensätze in einer Zeile stehen und dann nur die Gesamte eine Zeile mit allen Daten bearbeitet oder alles dann gelöscht werden kann. Siehe Screenshot 2.

    Screenshot 1:

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 1 Screenshot 30

    Screenshot 2:

    Unendliche Liste: Option zum standardmäßigen Hinzufügen einer Anzahl von Zeilen Image 2 Screenshot 41

    Gruß

    Manuel


  • Christopher Jotform Support
    Geantwortet am 22. Juli 2024 um 13:31

    Hi Manuel,

    As of this moment, there is no option to add multiple rows for Infinite List. With CSS code, we are unable to programmatically change how the Infinite List works, which means that the workaround provided by my colleague will not work for your use case. While the feature you’re looking for isn’t currently available, rest assured we’re always working to add new services and features to Jotform. I've gone ahead and escalated your request to our Developers. When or if it's implemented depends on their workload, how viable it is, and how many other users request it. If there are any updates, we’ll circle back to this thread and let you know.