Bit of a bonus I didn't think of when making this is to try out some of the plugins that offer workflow event tiggers based on hover. That way, it would trigger the dropdown to show based on the user's input of a mouse hover over the menu item versus a mouse click of the item.
A quick tutorial with this would be nice. Also, couldn't this be done with a conditional in the "group focus" saying "when text shop is hover this element is visible"?
@@MisCopilotos it's a good idea and you're normally you'd be spot on, but the ability to make an element visible is not an option for the group focus element. Have a look youself. They must be brought onto the page via a workflow of "show", "animate" or "toggle" basically anything that will make an element visible.
Hi! Is it possible to know which video will help me create the main navigation you've created and pulling this downdrop menu on? I can't find it. Thank you
Hi yes that content is part of a course called Bubble for UX/UI Designers (no design experience necessary to take it!) on nocodeacademy.co. Lifetime Access - www.nocodeacademy.co/offers/uEPCubeu/checkout Subscription Access - www.nocodeacademy.co/offers/bFUVVQGS/checkout
Hey good question - here is how you would it. Make a custom state variable for the dropdown that is a number. Then, if you have 4 items in your dropdown, we'll take each to be 1, 2, 3 and 4. Then program the conditional on the group/UI so that if the custom state variable equals the value of that group number, then the background changes. Finally, add a workflow to each group (1, 2, 3 and 4) to update the custom state variable when clicked. Hope that helps.
Hi thanks for the comment. How is the total value calculated? You might try taking the calculation from a workflow, or put it in there, and then use the "Display Data" workflow action to place it into a different group so it's available to use there. Hope that helps.
@@GABRIELGRUPODALED please use some specificity describing the scenario you want. By "upload" do you mean you want to take a picture on your phone of a printed invoice and adding that picture via an image uploader element? Then have Bubble read the picture and know which of the values on that is the total and then make that number available to you? Or by "upload" do you mean entering a value of an invoice total into an input on the screen? Or do you mean you want to scan a printed invoice into some office equipment and then give that to Bubble via a file uploader element?
@@NoCodeAcademy yes the first opcion. i want to take a picture on your phone of a printed invoice or pdf and adding that picture via an image uploader element. Then have Bubble read the picture and know which of the values on that is the total and then make that number available to me
@@GABRIELGRUPODALED that is not possible without first finding an image processing API service, your best bet is to start there. Once you have one of those, sure you can send the API an image and ask it to provide the number back to you. If you're unfamiliar with APIs, ask ChatGPT to explain it.
Bit of a bonus I didn't think of when making this is to try out some of the plugins that offer workflow event tiggers based on hover. That way, it would trigger the dropdown to show based on the user's input of a mouse hover over the menu item versus a mouse click of the item.
A quick tutorial with this would be nice. Also, couldn't this be done with a conditional in the "group focus" saying "when text shop is hover this element is visible"?
@@MisCopilotos it's a good idea and you're normally you'd be spot on, but the ability to make an element visible is not an option for the group focus element. Have a look youself. They must be brought onto the page via a workflow of "show", "animate" or "toggle" basically anything that will make an element visible.
@@NoCodeAcademy fair enough, good to learn this. Thanks!
Hi! Is it possible to know which video will help me create the main navigation you've created and pulling this downdrop menu on? I can't find it. Thank you
Hi yes that content is part of a course called Bubble for UX/UI Designers (no design experience necessary to take it!) on nocodeacademy.co.
Lifetime Access - www.nocodeacademy.co/offers/uEPCubeu/checkout
Subscription Access - www.nocodeacademy.co/offers/bFUVVQGS/checkout
How can I create a dropdown menu that changes color after the option is selected?
Hey good question - here is how you would it. Make a custom state variable for the dropdown that is a number. Then, if you have 4 items in your dropdown, we'll take each to be 1, 2, 3 and 4. Then program the conditional on the group/UI so that if the custom state variable equals the value of that group number, then the background changes. Finally, add a workflow to each group (1, 2, 3 and 4) to update the custom state variable when clicked. Hope that helps.
Good morning, I need help.
I need to extract the total value from an invoice and place it in a different box, is it possible?
Hi thanks for the comment. How is the total value calculated? You might try taking the calculation from a workflow, or put it in there, and then use the "Display Data" workflow action to place it into a different group so it's available to use there. Hope that helps.
@@NoCodeAcademy, It's not what I need, I want to upload an invoice, and extract the total to pay from that invoice and put it in a combobox
I explain?
@@GABRIELGRUPODALED please use some specificity describing the scenario you want.
By "upload" do you mean you want to take a picture on your phone of a printed invoice and adding that picture via an image uploader element? Then have Bubble read the picture and know which of the values on that is the total and then make that number available to you? Or by "upload" do you mean entering a value of an invoice total into an input on the screen? Or do you mean you want to scan a printed invoice into some office equipment and then give that to Bubble via a file uploader element?
@@NoCodeAcademy yes the first opcion. i want to take a picture on your phone of a printed invoice or pdf and adding that picture via an image uploader element. Then have Bubble read the picture and know which of the values on that is the total and then make that number available to me
@@GABRIELGRUPODALED that is not possible without first finding an image processing API service, your best bet is to start there. Once you have one of those, sure you can send the API an image and ask it to provide the number back to you. If you're unfamiliar with APIs, ask ChatGPT to explain it.