I am designing a reports builder for my company’s enterprise website.
One part of the builder is the “moves” section. It is a section bound to a dynamic list, which the user can add and subtract from. Each “move” is supposed to be independent, both in content and functionality.
There are multiple fields within each “move”. Some of the fields are grouped within tabs, which the user can switch between depending on whether they need to create a new field (example: comany) or if they want to use the existing field from the database.
The problem:
Let’s say I have 3 “moves”. I need a custom, new company for move #2, but I can use existing companies for moves #1 and #3.
If I switch the company tab for move #2 to start adding a new company, it also automatically switches the company tabs for moves #1 and #3.
How can I keep the tabs section functionality in each move independent of the others?
I would suggest building your own tabs instead of using the Tabs element. With the way the Tabs element is built, if you repeat it inside a list of items, a user’s interaction will also be repeated (like you showed with the selection of a tab).
If you create your own tabs design, you have more control of what happens when the user clicks on a tab. For example, you can update a selectedMove variable based on the move the user is interacting with.
Makes sense. Thanks for looking into this @Joyce
As always I really appreciate what you and the whole WeWeb does for their users and community.
You guys are amazing!
Oooh thanks so much for the kind words, Adam. Really means a lot!
And apologies for the late reply. Last week was a bit crazy with the NoCode Summit. Just now getting a chance to go through my list of “in progress” community topics
@Joyce
I completely understand and didn’t mean to pressure.
I know there are a lot of questions added to the community daily, so I didn’t want mine to get lost among them.
