Form Creator for Tickets

I want to make a ticket software, where users can decide for themselves, how many fields they need.
For that I decided on following design:

My structure is this:

  • An empty Array that should store all the objects
  • Each object should hold the information of the title and description field

The “Title” and “Description” field in the screenshot above, are Input fields so the user can write into it.
To enable the user to create a custom amount of objects (Title, Description combination), I put the “Title” and “Description” field into a div_group and then put the group into a collection list.

  • The collection list displays as many items as there are in the Array

My Problem now is that I can’t get this to work. These would be some questions of mine:

  • How can I get the information of the input field?
    → Reason for that is, that when I put the group into my collection list I cannot acces the input fields anymore.
  • What would the structure look like with focus on variables (Array that stores data and workflows)

Would really appreciate it if someone could show me how this would or could be done.
Thanks for any answer

You probably need an array of objects and each field should modify the array/object at a specific key or index.

That’s what I thought as well. But this is when the problem occurs.

  • When I use the div_group (with the 2 input fields in it), just as itself somewhere in the project. I get in my data tab a related data field, for each input field, where I can access the value of these fields.

This implementation would require a static amount of this div_group.
But I want my users to have a custom amount of these groups. That’s why I put them into a collection list and binded the “items to display” to my array variable (same can be done with putting them in an extra div group).

Now the error occurs.

  • When the div_group (Title, description input combi) is in a collection list, there are no data fields in the data tab anymore. that are related to the input fields.
    This results in me not being able to access the value of my input fields anymore.

I’m not sure if I have a logical error caused by lack of knowledge, but I don’t understand why this happens.

You need to handle their values manually, by adding an onchange workflow and setting their value to a variable/object manually.

I think I get what you are trying to say, but when it comes to the part of choosing which variable/object I want to pull the value from, I get stuck.
Reason for that is that I cannot chose the value of my input_field.


When I have my input fields just normally and static in my project I can find my value in a connected data variable:


Screenshot 2024-06-21 171423


Now when I put both input fields in a collection list (to make it dynamic to the user) I cannot access the input fields values anymore.


Screenshot 2024-06-21 172121

  • Here the value fields in the data tab look empty, even though the input fields have a value

From what I can observe. The moment I try using a collection list, to make it dynamic, the input fields are unable to store their values anymore.

I don’t understand how I can get the values of my fields this way. It’s kind of hard for me to grasp what is going on with that. Because I don’t think the collection list should change the way I pull values from my input fields.

That’s fantastic! You’re close enough. You can use the event.value from the “lighting bolt” tab. When you are in the on-change event.

Wow! Thanks a lot!
Got it working thanks to you!
Much thanks! :slight_smile:

I’m sorry to still bother you, but after fixing the problem with getting values into my array. I know face problems in putting the values into a desired object.
Right now my object gets replaced by the value of the title or description field instead of adding it into the desired field.


My logic looks like this:

image

I have an empty array that’s supposed to store the actual info of each object. The one below is the template that I add to the the array above, when I click the “Add Extra Field” button.
With this structure I implemented the workflow such as:

  • Index = Item.index
  • Path = Item.data.title
  • Value = Event.value

It seems I might have to add some more logic to either the “Path” or “Value”.
Any ideas why that happens?

Thanks in advance!

You probably might want to do path just to be the path of the object. Meaning that if you wanna change the title, then you just do title as a path.

If I understand you correctly, I think I did this.

Afer adding 1 empty object my array looks like this:

image

And after putting something into my title_input, the array looks like this:

image

You just need to bind the string value of that property, if you wanna set title, then you write title, if description, then the path is only “description”.

Got it, thanks again!

1 Like