Hi, I want to replicate this tagging system.
How does it work?
There is a search bar that finds already-created tags. When the tag is not present, it creates a new one by simply typing it inside the bar. Regardless of whether the tag already exists or is created, the value is shown under “Selected skills”.
Under “Popular skills for Web Design” there are the most commonly used tags. Selecting one of these tags, they are added directly to the “Selected skills” item as for the search bar.
What I have done:
- I added a search bar connected to my tags database, and it correctly find results.
- I created “Popular skills for Web Design” by using a repeating group that shows some of the tags from the database (now I don’t care if they are the most popular, I only show the first 10).
What I don’t know how to do is add to the “Selected skills” entry the values that are selected from the search bar (already existing or created) and those from the repeating group.
Hi,
Based on what I understood I suggest the following steps.
You want your users to be able to either select a displayed tech tag, search for an existing tech or create a new one. Upon one of these input-click actions (“trigger events” the tech is displayed in a list under the input bar. Ultimately the list of selected techs is added to the database with relation to this user.
1/ set up your trigger elements
- searchbar: include possibility for user to type in new texts
- tech tags : nothing particular here other than properly designing your repeating group
2/ trigger event conditions | workflows
- searchbar : when input value is changed
- tech tag: when element is clicked
3/ triggered event: adding to a custom state
- configure a custom state of type text. This state is a list.
- complete the workflows of 2/ by configuring an “add to custom state” action (either the text of the clicked upon tech tag or the text resulting from the search input query or the new text, as the case may be)
4/ Displaying the selected techs
For this you can configure a repeating group following the lines of the RG that you set up to show the top 10 tech tags.
you are not saving data to the data base at this point, just creating and displaying custom states. Further down the road at some point (the sooner the better, I would run the workflow as soon as the user clicks the next button) you will need to run an API on the list of techs in the repeating group.
these workflows allow your users to create techs. The tags in the selected techs repeating group provide the possibility to delete said tech when X is clicked. For deletion, you need to create a workflow that removes the text item from the custom state (when X element is clicked, set state : remove from list )
Regards
Sorry, I don’t understand the flow that you described to me, I work with bubble for 1 month 
1/ set up your trigger elements
- searchbar: include possibility for user to type in new texts
Do you mean what I highlighted?
2/ trigger event conditions | workflows
- searchbar : when input value is changed
- tech tag: when element is clicked
I don’t understand how to go on.
3/ triggered event: adding to a custom state
- configure a custom state of type text. This state is a list.
- complete the workflows of 2/ by configuring an “add to custom state” action (either the text of the clicked upon tech tag or the text resulting from the search input query or the new text, as the case may be)
To which element should I assign the custom state?
