Absolutely terrific video. I have been trying to figure out how to show a sidebar which the main section of the page slides under the floating group for weeks now. This was so so so helpful, thank you!
Thanks NoLogo for the tutorial. I wonder what's the better practice to show a different "page" when developing a single page app? Using your way as displaying Group and hiding them or create a new page specific for that group of content? For example a Point Of Sales system, by clicking from Cashier to Member for example, should it be hiding Cashier group content and display Member content or going to a new page just for Member? thank you
I was listening to min 3:33 about 15 times (no kidding) and I still feel like Neo in front of the spoon bending kid; it’s like those useless mechanisms that some people build. Did I get it? No. Looked for Keith, found him. Did it help? No. Perfect. Just what I wanted.
There is no boolean switch in Bubble at the time of this video. This is still how I toggle booleans. I also cannot find the original post. This is the function I used to switch booleans.
Got a question on the forums from a subscriber about setting states vs url parameters to navigate. T'was a good question, and the answer is that if you use URL parameters and navigating to the same page as shown, your user will have access to the browser's built-in back button. So you can decide when having "back enabled" is important, or when you want to show sub-pages on states and build out your app that way.
This is incredibly helpful. I'm trying to apply this in a similar construct but as a burger menu that flies out from the left. Apologies for being late to the party, i'm pretty new to Bubble, but for some reason I can't add another floating group into one. For example at 14:45 you're dropping the menu icon into a floating group and putting that into the isshowing group. How do I go about doing that?
Hey, this is such an amazing video! Was looking on how to do this one. I also wanted to know how to create a tag equipped bookmarking system? I know how to bookmark, but I also wanted to allow the user to create tags while bookmarking. That would be great!
Great lesson. One quick question - I'm having an issue with the menu (hamburger) icon. If I click directly on it in effort to re-expand the left floating menu, nothing happens. I need to click just outside of the icon (likely hitting the smaller floating group) to get it to work properly. This is confusing because I thought floating groups "floated" above other elements. Any suggestions for adjusting this??
If your cursor changes to a pointer when you hover the hamburger menu, it's because you have another (most likely empty) workflow associated to it. Remove that workflow and you should have access to the workflow below it (floating group's workflow). If not, try asking on the forum (I'll probably see it there even faster than here) and share a link to your editor. There are a ton of helpful people in the community who can take a look and troubleshoot that very quickly. Cheers!
@@NoLogoTutorials it works, I was able to group the 4 pages , u are awesome thank u verry much. ur video have been very helpful to me , I was able to better understand the overall functioning of bublle. I managed to reproduce everything, but to integrate functional elements in the page you have to modify directly on the page and groups A, B etc, or you have to send to another page? Thank you very much. from France
@@hamzamoumni7143 cette video en particulier te permettra de créer ce qu'on appelle un SPA, single page app. Comme instagram, fb, Twitter, etc, la navigation est "douce". Il suffit de mettre le contenu dans les groupes À, B etc. C'est plus rapide car au lieu de changer carrément de page, on change juste ce qui est montré sur la page.
@@NoLogoTutorials Merci bien , tout est clair pour moi. J'ai une autre question si tu le permets , j'ai pris les templates pour la messagerie sur bulbe mais je n'arrive absolument pas à gérer la DATA car dans les "repeating Group" les données rentrés n'existent pas et même quand je l'est rajoute dans les fichiers DATA cela ne fonctionne pas. Pourrait tu me donner des conseils ? Merci pour t'es retours
@@hamzamoumni7143 Il y en a plusieurs... Ta meilleure option serait de contacter le vendeur et de lui demander directement. Si tu as toujours besoin d'aide, j'offre des sessions payées, tu peux me contacter sur les forums @duke.severn (forum.bubble.io). Sur les forums, tu trouvera aussi beaucoup d'aide. Reste averti que mettre autant de détail/photos d'écran/video pour guider les bubblers qui pourraient t'aider va augmenter tes chances de reçevoir une réponse :) Bonne chance!!
Great tutorial!! One Q: I am having an issue getting the repeating group to connect to different pages - Can you elaborate on the "P=" and how to set for a multi page app? Thanks!
Has anyone figured how to expand the page group when the side menu is closed on full screen size? I think the issue is with the responsive engine bubble is built on but wondering if anyone has any work arounds?
Hi, thank you for this nice tuto, very helpfull. I have one question, how would you create a submenu? Horizontal (Asana) or vertical (Stripe)? What should be thinking in order to take this decision?
Hey man cheers for the epic content !! Was wondering how we could create a log out flow using one of the rapeating groups values? that would also send us to a specific "group" that would contain a login flow? If you could help with this it would be immensely appreciated as Ive been banging my head for 2 days now haha...
Hi @nologo , I am getting issue regarding to stick bar at the bottom of the screen. on each device. can you help me how to stick the bar at bottom of screen even if the screen scroll. I am creating app and having these issues.
Hi, make sure that the floating group float is set to "bottom" and that bottom of your floating group AND the bottom of your page (in the editor) are touching. It's a bit of a drag, but every time you resize the actual editor page, you have to realign the bottom and "both" floating repeating groups.
Great question. You can convert the main panel to a reusable element by right clicking and selecting "convert to reu" from the contextual menu. The caveat is that you must rebuild the "hide/show" functionality on each page because you can't have a floating group as a child of another.
Privacy reasons. I like to split what the user and system can see, from what the general public can see. I also like allowing devs to act "as" another user, which is often as simple as linking a new "profile" thing to the "user" thing of the dev. More time setting up, pays dividends in testing.
The speed you're going makes it entertaining, like even though i already know this stuff, it's refreshing compared to other videos on youtube
Absolutely terrific video. I have been trying to figure out how to show a sidebar which the main section of the page slides under the floating group for weeks now. This was so so so helpful, thank you!
Man this video is amazing! I’m really glad that you made such a great vid for 200 subscribers. I wonder what you’ll make for your first 10k subs
Haha at 10k I'll do a chicken tooth extraction under a sky of flying pigs.
Thanks a lot, Mr. Really enjoying your videos. Please keep up the good work!
Thank you very much. That was very helpful. I was struggling with my menu for a while.
Your really good at this
Come back bro, we miss your talent
Thanks NoLogo for the tutorial. I wonder what's the better practice to show a different "page" when developing a single page app? Using your way as displaying Group and hiding them or create a new page specific for that group of content? For example a Point Of Sales system, by clicking from Cashier to Member for example, should it be hiding Cashier group content and display Member content or going to a new page just for Member? thank you
The best way is to use reusable elements for "pages". Video upcoming.
Awesome video, thanks
I was listening to min 3:33 about 15 times (no kidding) and I still feel like Neo in front of the spoon bending kid; it’s like those useless mechanisms that some people build. Did I get it? No. Looked for Keith, found him. Did it help? No. Perfect. Just what I wanted.
There is no boolean switch in Bubble at the time of this video. This is still how I toggle booleans. I also cannot find the original post. This is the function I used to switch booleans.
Thanks for sharing! Nice tutorial 👍
Thank you so much, great content
Got a question on the forums from a subscriber about setting states vs url parameters to navigate. T'was a good question, and the answer is that if you use URL parameters and navigating to the same page as shown, your user will have access to the browser's built-in back button. So you can decide when having "back enabled" is important, or when you want to show sub-pages on states and build out your app that way.
Genius, I was wondering exactly that same question!
This is incredibly helpful. I'm trying to apply this in a similar construct but as a burger menu that flies out from the left. Apologies for being late to the party, i'm pretty new to Bubble, but for some reason I can't add another floating group into one. For example at 14:45 you're dropping the menu icon into a floating group and putting that into the isshowing group. How do I go about doing that?
Hey, this is such an amazing video! Was looking on how to do this one. I also wanted to know how to create a tag equipped bookmarking system? I know how to bookmark, but I also wanted to allow the user to create tags while bookmarking. That would be great!
I missed this one, my apologies. Can you elaborate or provide a link with an example please?
Great lesson. One quick question - I'm having an issue with the menu (hamburger) icon. If I click directly on it in effort to re-expand the left floating menu, nothing happens. I need to click just outside of the icon (likely hitting the smaller floating group) to get it to work properly. This is confusing because I thought floating groups "floated" above other elements. Any suggestions for adjusting this??
If your cursor changes to a pointer when you hover the hamburger menu, it's because you have another (most likely empty) workflow associated to it. Remove that workflow and you should have access to the workflow below it (floating group's workflow). If not, try asking on the forum (I'll probably see it there even faster than here) and share a link to your editor. There are a ton of helpful people in the community who can take a look and troubleshoot that very quickly. Cheers!
@@NoLogoTutorials Perfect, thank you!
FANTASTIC ! one question , how i can select the 4 pages together on mac to group it
Hi Hamza, I'm not sure I understood your question... but I would try holding shift and clicking on them one at a time. Let me know if that helps
@@NoLogoTutorials it works, I was able to group the 4 pages , u are awesome thank u verry much. ur video have been very helpful to me , I was able to better understand the overall functioning of bublle.
I managed to reproduce everything, but to integrate functional elements in the page you have to modify directly on the page and groups A, B etc, or you have to send to another page?
Thank you very much. from France
@@hamzamoumni7143 cette video en particulier te permettra de créer ce qu'on appelle un SPA, single page app. Comme instagram, fb, Twitter, etc, la navigation est "douce". Il suffit de mettre le contenu dans les groupes À, B etc. C'est plus rapide car au lieu de changer carrément de page, on change juste ce qui est montré sur la page.
@@NoLogoTutorials Merci bien , tout est clair pour moi. J'ai une autre question si tu le permets , j'ai pris les templates pour la messagerie sur bulbe mais je n'arrive absolument pas à gérer la DATA car dans les "repeating Group" les données rentrés n'existent pas et même quand je l'est rajoute dans les fichiers DATA cela ne fonctionne pas. Pourrait tu me donner des conseils ? Merci pour t'es retours
@@hamzamoumni7143 Il y en a plusieurs... Ta meilleure option serait de contacter le vendeur et de lui demander directement. Si tu as toujours besoin d'aide, j'offre des sessions payées, tu peux me contacter sur les forums @duke.severn (forum.bubble.io). Sur les forums, tu trouvera aussi beaucoup d'aide. Reste averti que mettre autant de détail/photos d'écran/video pour guider les bubblers qui pourraient t'aider va augmenter tes chances de reçevoir une réponse :) Bonne chance!!
I followed up to the Menu part but nothing shows
How would the subtraction calculation of hours bring hours and minutes
Check out this plugin - bubble.io/plugin/countdown-1564346312331x151935294257758200
Great tutorial!! One Q: I am having an issue getting the repeating group to connect to different pages - Can you elaborate on the "P=" and how to set for a multi page app? Thanks!
Has anyone figured how to expand the page group when the side menu is closed on full screen size? I think the issue is with the responsive engine bubble is built on but wondering if anyone has any work arounds?
Afaik it isn't possible without custom code and isn't worth it with custom code. But my last attempt was about a year ago.
where do i get the svgs
comment fait on pour que la page 1 apparaisse au chargement après la connexion de l'user
Hi, thank you for this nice tuto, very helpfull. I have one question, how would you create a submenu? Horizontal (Asana) or vertical (Stripe)? What should be thinking in order to take this decision?
That's a good tutorial idea, thanks. I'll see if I can get that set up for you.
Hey man cheers for the epic content !!
Was wondering how we could create a log out flow using one of the rapeating groups values? that would also send us to a specific "group" that would contain a login flow?
If you could help with this it would be immensely appreciated as Ive been banging my head for 2 days now haha...
That's o e for the forums. Forums.bubble.io, link the vid and tag me @duke.severn I need to upload screenshots and such.
u Rock!
Hi @nologo , I am getting issue regarding to stick bar at the bottom of the screen. on each device. can you help me how to stick the bar at bottom of screen even if the screen scroll. I am creating app and having these issues.
Hi, make sure that the floating group float is set to "bottom" and that bottom of your floating group AND the bottom of your page (in the editor) are touching. It's a bit of a drag, but every time you resize the actual editor page, you have to realign the bottom and "both" floating repeating groups.
This guy clearly knows his stuff, but way too quick for me. I guess he was addressing advanced users
HI thanks ! how can i convert THIS to a reusable group ??? is that possible ? to use this floating group for different pages
Great question. You can convert the main panel to a reusable element by right clicking and selecting "convert to reu" from the contextual menu. The caveat is that you must rebuild the "hide/show" functionality on each page because you can't have a floating group as a child of another.
@@NoLogoTutorials THANKYOU VERRY MUCH
I was wondering why you use HTML SVG code instead of the bubbles icon element. Any specific reason?
same question !!
Why wouldn't you put the user's image in the User table?
Privacy reasons. I like to split what the user and system can see, from what the general public can see. I also like allowing devs to act "as" another user, which is often as simple as linking a new "profile" thing to the "user" thing of the dev. More time setting up, pays dividends in testing.
man you are soo fast.... click click click my eyes ... :D
Haha I thought I WAS slowing down, but there's two comments about this now. I might slow down the next ones :)
if I could give you 1000 likes on one video, I would give you. It's so helpfull!
I would gratefully accept them. But you can tell your friends about it instead ;)
i cant pass url parameters any one help
What have you tried and where is it going wrong? Your best bet is to join us on the forums (forum.bubble.io)
Greate video but too fast. Some of us are new to bubble and videos like this can help. But ur talking like we are all bubble pro😂
Ghhhhh I get that a lot. Time to buy a saddle?
bonjour parler vous francais