Bubble.io Tutorial: How to Select Multiple Items From a List

Поделиться
HTML-код
  • Опубликовано: 29 окт 2024

Комментарии • 96

  • @timmclaughlin3417
    @timmclaughlin3417 6 лет назад +29

    NOTE: There is now a 'minus item' option (minute 7:05). Much simpler. Great video. Such a big help.

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад +2

      Yes! They've since added the "minus" operation, simplifying that filter step. Thanks for the note!

  • @paulgood6528
    @paulgood6528 4 года назад +2

    that is the best example of what a custom state is.

  • @dogooddesignco.6189
    @dogooddesignco.6189 5 лет назад +1

    Thank you so much for posting this. I was having no luck figuring it out through the forums!

  • @luminrabbit9488
    @luminrabbit9488 3 года назад +2

    I absolutely love these tutorials and this is a great one! Thank you.

  • @bombadil776
    @bombadil776 4 года назад +1

    This was super useful. So many applications.

  • @lucasguarnieri1877
    @lucasguarnieri1877 7 месяцев назад

    You make it seem so easy, thanks for every video, you are the best. Greetings from Argentina

  • @jsVfPe3
    @jsVfPe3 3 года назад +1

    Thanks for the video. Do you know how I would make a "select all" checkbox to accompany this system? I previously had a condition on the checkbox that "if == checked, default state of repeating group checkbox = checked", but with the states attached it doesn't seem to add the checks to the state when I press/unpress the select all checkbox.

  • @cyrildixon4997
    @cyrildixon4997 Год назад

    Another great video, helped heaps. Now I have my custom state list of numbers I only seem to be able to sort by the value and not sort by index?

  • @gymgale272
    @gymgale272 5 лет назад +1

    Your content is really easy to follow and so helpful. Thank you so much!

  • @DavidAnderson-z5t
    @DavidAnderson-z5t 2 месяца назад

    Still a great tutorial! This has greatly helped me in my, just over a week of, learning Bubble. But I wonder, is there a way to load full list and have a subset of that list pre-selected? Like if you have an app with teams and you want to manage a team. You want to load all the users, but have the users on the team pre-selected (check marked) so that you can de-select ones you want to remove from the team. Then also select users, not currently on the team, to add.

  • @dayinthecountry2501
    @dayinthecountry2501 3 года назад +1

    Thank you so much for posting. It seems like I'm missing a step or something has changed. When I go into the workflow for the icon, there is no option "is checked". Any help would be so greatly appreciated!

    • @benmacdonald5625
      @benmacdonald5625 3 года назад

      having the same issue. not sure what i'm missing.

  • @MarioCantin
    @MarioCantin 3 года назад +1

    Hi Gaby, instead of using a checkbox to allow the user to select or unselect an element, I am trying to allow the user to click on a piece of text and its surrounding border to select it, with the ability to unselect. I am trying to achieve the functionality of enabling the user to select one or many boxes, with the ability to undo the selections.
    I created workflow #1 as follows : when Text A is clicked set state new appearance of app
    App = the name of the page, so that's the element that contains the custom state
    new appearance = the state name I chose
    The value I entered is data 1 (for the sake of this example)
    Then I created the following condition for Text A:
    When app’s new appearance is analytics the background and font colors are ___________.
    So far it works beautifully for the first part: when I click on Text A, the background changes to the colors I want for the selection.
    BUT, for the life of me, I cannot find a way to allow the user to unselect Text A and revert to the original colors.
    I've been up and down the internet, the forum, RUclips, you name it, and tried so many workflow/conditions combinations, to no avail. I've spent the last two full days on this.
    For example, I duplicated the workflow and conditions, but changed the is to isn't in the last condition. I set up the workflow with various combinations of same/different custom states/values. I explored various state types for the custom states, etc., etc.
    What would I have to do for you to point me in the right direction in getting this (one and only) particular issue resolved?
    Thanks.

    • @antoniavasile63
      @antoniavasile63 3 года назад

      Hi Mario, I feel your struggle, I am trying to figure out the same thing. Have you found a solution yet?

    • @MarioCantin
      @MarioCantin 3 года назад +1

      @@antoniavasile63 Eventually yes, using custom states. It’s more elaborate than I have time to explain right now. Check on the Bubble forum. You’ll find the question with some idea at least of the solution. If not DM me on Twitter @mariocantin

  • @zubaidahalmaliki2703
    @zubaidahalmaliki2703 2 года назад

    Great video 👏 , I was wondering if you can tell me how to add an item from a list of things and not users , I'd really appreciate it 🙏

  • @jtoddaffiliates
    @jtoddaffiliates Год назад

    Excellent video! Thanks for the help

  • @stevenfelix939
    @stevenfelix939 3 года назад

    thank you very much for this video, i could really use some help with an app i'm building with bubble.

    • @coachingnocodeapps
      @coachingnocodeapps  3 года назад

      You're welcome, Steven! If you're needing help, check out our resources here: coachingnocodeapps.com/resources

  • @rami1512
    @rami1512 5 лет назад

    Hello Gabi, your resources are really great and the videos are really helping me out not to mention your answers on the forum>> I am trying to save the resulting selected list in the database. I have different input fields in each cell and all for one data type. I want - with one save button - save the input fields where each cell content is a separate record not a list>> I hope the answer does not involve API workflow

    • @coachingnocodeapps
      @coachingnocodeapps  5 лет назад

      Hi Rami, you can't save individual inputs from outside a repeating group like this. I suggest ether autobinding the inputs or using workflows every time the input is changed.

  • @ciscotreasuresalameh1961
    @ciscotreasuresalameh1961 6 лет назад +1

    Hi Gaby , i hope you are doing great , can i use the same concept here to add [ Functional Tags input ] or is it different process ?
    Thanks in advance

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад +1

      Hi Hassan, if you're referring to a tagging or keywording system like you'd find on a blog post, I'd actually recommend installing the Multiselect dropdown plugin to accomplish that. Having said that, you can certainly use the concept in this video to achieve the same in a more custom way.

  • @PhilJackson123
    @PhilJackson123 3 года назад

    Great tutorial. What would I need to add to hide the items on the left that have been selected and visible on the right? It would make what I am building more user friendly.

    • @coachingnocodeapps
      @coachingnocodeapps  3 года назад

      Hey Phil, use a condition on the left RG to change the data source

  • @mjunaidasghar8613
    @mjunaidasghar8613 Год назад

    very helpful, thanks for sharing

  • @ashokrajangam6667
    @ashokrajangam6667 6 лет назад

    This tutorial helped me a lot. Thank you so much!

  • @edgardperez7842
    @edgardperez7842 Год назад

    Excelente explicacao, me ajudou muito. Obrigado

  • @davidharrisonalley
    @davidharrisonalley 4 года назад

    Awesome video. This is just what I was looking for!

  • @BudiLi
    @BudiLi 5 лет назад

    Hi Gaby, if the input sources are not from database, are we still be able to set it as input to the custom state? for example: if we have FirstName and LastName text field (as part of User full name), how do we assign those fields to User custom state? Thanks Gaby

    • @coachingnocodeapps
      @coachingnocodeapps  5 лет назад

      Hi Budi, you're not going off of individual fields when you select an item. Instead, select entire user record. Your custom state value should be a list of users, not texts.

  • @thejollywallysconnecttothe323
    @thejollywallysconnecttothe323 6 лет назад

    This is great! Thank you! Is there a way to do the above between two pages?

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад

      Hi there, if you want to pass a selection of multiple items between pages, the easiest method is to store that list in the database under a record of some type that gets passed to the other page. For example, if you're selecting a list of Friends, you can update the Current User's List of Friends with the selection list and then pass the Current User to the other page (type of content = User). That way it's a bit more contained.

  • @AlfaEricWashDC
    @AlfaEricWashDC 3 года назад

    You said custom states are temporary. DOes this mean that the user has to reflect their choice at every new login or even after they leave the page and then return? How can we set it s that the user make their selection and it stays until they themselves edit later?

  • @celinemourrier2580
    @celinemourrier2580 3 года назад +2

    Hi Gaby! Is it possible to select only one item of the list?

    • @MatheusSoares-fu6ye
      @MatheusSoares-fu6ye 3 года назад

      I have the same question. Did you find out how to do it?

  • @arnoldngugi534
    @arnoldngugi534 5 лет назад

    Gabi I like your tutorials so much but how do I do creat a workflow for different variable like shoe,shirts,pants etc do you have a vid for that

    • @coachingnocodeapps
      @coachingnocodeapps  5 лет назад

      Hi Arnold, this would really depend on your specific app. If you want to work through it together, take a look at our 1-on-1 services here: www.coachingnocodeapps.com/services

  • @danunderhill
    @danunderhill 4 года назад

    Great video, I think you have the best Bubble videos for explaining things. This technique is going to help me greatly in a certain project I'm working on. However, I need to figure out a similar technique that allows me to just click on a single item, and then populate other text elements with details from that item. Such as the names in the list in your example, how do I just click on one item and have another text field receive the first name of that item. Then when I click another item in the list that name is replaced and updated with the current selected item. In Xamarin/C# this is pretty straightforward, but I can't figure it out here. Thanks.

    • @coachingnocodeapps
      @coachingnocodeapps  4 года назад +1

      Hey Dan! I'm glad the videos are helpful for you! It sounds like you need to pass data to a group. Check out the lesson on "Understanding Parent Groups" on our channel, which should help you get started.

    • @danunderhill
      @danunderhill 4 года назад

      @@coachingnocodeapps Thank you, that video actually helped me connect some dots in my brain about how Bubble works. I'm now able to click on an entry in a repeating group and have that entry's data sent to another group on my page and populate it's respective information. I didn't realize how that worked before in the Workflow that you have to direct specifically which group is going to be receiving the data.

  • @marciobremer
    @marciobremer 3 года назад

    Can I do this by clickeing on the sell without ionic chackbox?

  • @guymross
    @guymross 4 года назад

    Excellent video thank you

  • @veshoegurung
    @veshoegurung 6 лет назад

    Your videos are very helpful, thank you Gaby... would you help to set a custom state a list of date two date/time interval

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад

      Hi Vishu, you can create a custom state with type "date" or "date interval" (not both at the same time) and use the :plus item and/or ":minus item" operators to update the state value. Make sure you check the box to indicate the state value is a list. Not sure if this answers your question, but feel free to provide more detail.

  • @zacmac
    @zacmac 6 лет назад

    Nice tutorials. Good job and keep up the hard work. You will surely have hockeystick growth at some point as bubble grows. It will pay off. Good job. I know doing good tutorials takes a lot of time and planning. Keep it up!

  • @helpsy7907
    @helpsy7907 2 года назад +1

    Merci beaucoup

  • @emadali7728
    @emadali7728 6 лет назад

    Hi Gaby,thank you for all those lessons , I'd to ask how I can give a 4 digit serial number for each of users ? Or add that digit to their profile automaticlly

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад

      Hi Imad! You can use "Generate Random String" to do this upon signup. See this tutorial: ruclips.net/video/SPfKp-iY1CE/видео.html

  • @JeremyFisher711
    @JeremyFisher711 6 лет назад

    wow you're a great teacher thank you!

  • @nimishkhandelwal454
    @nimishkhandelwal454 9 месяцев назад

    Thanks!

  • @bugrahaninceler7827
    @bugrahaninceler7827 6 лет назад

    Hi Gaby, Thanks for the great video. How about selecting an item from a list and showing in a single text out of repeating group? Is that possible as well? Thanks

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад

      Hi Bugrahan, yes, you can do that by using a custom state that is a single value rather than a list. Then, the text that is outside the RG would reference that custom state. Every time you select a new item from the list, change the custom state, which would, in turn, change the text. Make sense?

    • @bugrahaninceler7827
      @bugrahaninceler7827 6 лет назад +1

      @@coachingnocodeapps Thank you very much!! saved my day.

  • @deividborges5427
    @deividborges5427 4 года назад

    Good afternoon. You inspire me with your videos.
    I have a problem and I can't find a solution!
    I have a repetition group and I have the fields (Product and Quantity) After quantity I have a text box to enter the quantity.
    It would be a shopping list app.
    It turns out that I can't do external calculation of the value and quantity of the repetition list
    forgive my english

    • @coachingnocodeapps
      @coachingnocodeapps  4 года назад +1

      Hey Deivid! Take a look at the plugin Orchestra to help you calculate your repeating group inputs

  • @andreayres2144
    @andreayres2144 4 года назад

    Hi, I did it saving the selected items in a list field on database. But when I need to show them in another place, through another repeating group, them appears in the input separated by comma. But I need show each one per each input. Could you help me on this issue?

    • @coachingnocodeapps
      @coachingnocodeapps  4 года назад

      Hey there! Check your repeating groups type of content to split up the list!

  • @KalamariFromTheParty
    @KalamariFromTheParty 2 года назад

    thank you

  • @juanchinchilla2796
    @juanchinchilla2796 3 года назад

    Is there a way to do the same with a dropdown outside a repeating group?

    • @coachingnocodeapps
      @coachingnocodeapps  2 года назад

      Hey Juan! If you're needing further help with some specifics, check out our VIP Membership: coachingnocodeapps.com/vip-membership which will help you out

  • @ryanchristianbuan3490
    @ryanchristianbuan3490 3 года назад

    very helpful

  • @cassiemilligan6577
    @cassiemilligan6577 5 лет назад

    Is it possible to utilize a "Select All" checkbox that selects all the items in the repeating group? What's the best way to go about this?

    • @coachingnocodeapps
      @coachingnocodeapps  5 лет назад +1

      Hey Cassie! Great question -- yes, it's possible with custom states to add all items when checked. I'm going to add this to the list for future tutorials, though, because a video walk through would be better for explaining it. Thanks!

    • @polsaque
      @polsaque 3 года назад

      @@coachingnocodeapps Hi. Have you guys made this video yet? Thanks.

  • @Colaborateitpro
    @Colaborateitpro 5 лет назад

    awesome thank you Gaby!

  • @abdulsamadmustafa4199
    @abdulsamadmustafa4199 5 лет назад

    What plug-ins are you using for those avatars?

    • @coachingnocodeapps
      @coachingnocodeapps  5 лет назад

      Hi Abdul, those were images I uploaded directly to the database - no plugin. They are stock images I found online.

  • @AlfoncinaMatilda
    @AlfoncinaMatilda 4 года назад

    After having the selected list how do you edit its content? For example, its a list of products and I want to save the date I sent it

    • @coachingnocodeapps
      @coachingnocodeapps  4 года назад

      Hey there! You could schedule an API workflow on that list of products to save individually

  • @ketankhamgaonkar4344
    @ketankhamgaonkar4344 2 года назад

    Unable to find these elements that can be checked ??

  • @luxanderson2
    @luxanderson2 6 лет назад

    I've got everything working as you've shown, but after my action is performed on the custom state list, how do I then clear that list? Is the only way to add an action that refreshes the page?

    • @coachingnocodeapps
      @coachingnocodeapps  6 лет назад

      You can have a button that triggers an action to set the state again and set it to blank. Literally just leave the value field empty. That should do it!

    • @GodOfShaolin
      @GodOfShaolin 4 года назад

      ​@@coachingnocodeappsI could'have searched for hours trying to find out how, took me 10 minutes, BIG thanks:)!!

    • @yanissbeaumale7315
      @yanissbeaumale7315 4 года назад

      @@coachingnocodeapps Hello, thanks for your help. Please can you explain me how schedul a button's action which set the state to set a blank state ? I want to allow my users to remove an item from the second repeating group. thanks