Invite friends workflow

J805 · 2021-01-05T21:23:15.967Z

I’m going into a session right now but let me try to see what I can do after the session for you.

J805 · 2021-01-05T21:27:10.138Z

Im thinking… maybe try not to show the menu on page load. On page load you can do a workflow that shows the “signupfriends” group only when the parameter is not empty from the URL. Would that work?

Do you use set states to show/hide your elements?

rmjjkj1 · 2021-01-05T21:33:08.599Z

@J805 I’ll try that. But the menu is part of the intro design look. Here’s a view to the app. I’m still trying to set it up but I need to adjust the hidden element within each group. I found that when I do that it changes the hierarchy in the elements tree.

Yes, I am using custom states to show/hide groups.

Bubble

Bubble Editor - Myeyess

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

J805 · 2021-01-05T23:47:26.764Z

So on Page is loaded you can do a workflow like this to set your set state. Then from your set state you can trigger the menu to not open and the other group to display. Check it out:

Screen Shot 2021-01-05 at 3.47.10 PM2880×1634 307 KB

Hope that makes sense.

rmjjkj1 · 2021-01-06T02:20:07.282Z

@J805 That did it!! Thank you so much.

J805 · 2021-01-06T02:36:17.035Z

No problem. Glad it helped!

rmjjkj1 · 2021-01-06T03:36:15.074Z

@J805 May I bother you with one more question. Does this look ok because it is not writing to the database.

Screen Shot 2021-01-05 at 7.35.49 PM1372×932 82.9 KB

rmjjkj1 · 2021-01-06T15:45:25.270Z

@J805 I am struggling with the collapsing groups–they don’t seem to collapse and I understand it is because they may overlap, right? Is this the correct model and hierarchy? I have quite a few groups and it gets overwhelming when needing to adjust height size and not having them overlap. Would you recommend making them an easy number to do math with like 2000 px? Even within this mode, I still have scrolling: Myeyess.

Screen Shot 2021-01-06 at 7.40.13 AM842×1264 12.8 KB

J805 · 2021-01-06T16:35:03.977Z

rmjjkj1:

May I bother you with one more question. Does this look ok because it is not writing to the database.

I would need to look at the editor again to see if you have everything set up correctly.

rmjjkj1:

I am struggling with the collapsing groups–they don’t seem to collapse and I understand it is because they may overlap, right? Is this the correct model and hierarchy? I have quite a few groups and it gets overwhelming when needing to adjust height size and not having them overlap. Would you recommend making them an easy number to do math with like 2000 px? Even within this mode, I still have scrolling:

For this, it’s tricky, you need to stack everything and make sure everything collapses when hidden. If you open up your editor again I will take a look. Just ‘view only’ is fine.

Hope to help you out soon.

rmjjkj1 · 2021-01-06T17:02:49.849Z

@J805 Here it is: https://bubble.io/page?type=page&name=index&id=myeyess&tab=tabs-6&subtab=General

You will see that I started a new index; now I have three versions as I have struggled mastering this concept.

J805 · 2021-01-06T19:19:41.932Z

Sounds good. I will look at it this afternoon for you.

J805 · 2021-01-06T22:36:44.794Z

Here you go, here is a short video explaining why your groups aren’t collapsing. Hope this helps! https://vimeo.com/497786446/5d1cb273a7

Let me know if you have any questions.

rmjjkj1 · 2021-01-07T22:26:52.871Z

@J805 Thank you! That helped. I went ahead and implemented it but still could not get rid of all the scrolling. Also, when I click on the menu links, the pages do not show up at the top; one has to scroll to see the content. I color coded everything so I can see/understand clearly what is going on. Here it is if you wouldn’t mind taking another look. Thanks again.

Myeyess

The most powerful no-code platform

Bubble introduces a new way to build a web application. It’s a no-code point-and-click programming tool. Bubble hosts all applications on its cloud platform.

J805 · 2021-01-07T22:50:02.173Z

Here you go: https://vimeo.com/498149108/b70d0c1d77

I just see a few groups still overlapping. You are almost there!

rmjjkj1 · 2021-01-08T03:51:30.208Z

@J805 Thanks so much again. I went through all of them using a calculator this time, so that’s about as precise as I can get it. There is scrolling still.

Myeyess

The most powerful no-code platform

Bubble introduces a new way to build a web application. It’s a no-code point-and-click programming tool. Bubble hosts all applications on its cloud platform.

J805 · 2021-01-08T04:02:52.749Z

Ok. No problem. Let me look at it again tomorrow to see if I can find the culprit.

rmjjkj1 · 2021-01-08T18:28:47.989Z

@J805 That would be great! Thank you

J805 · 2021-01-08T23:18:03.752Z

Ok, I think I figured it out. Here are two images:

Screen Shot 2021-01-08 at 3.15.21 PM2880×1636 343 KB

The Footer is not at the right location. The footer needs to be moved up since it is a floating group. Floating groups need to be overlapping other elements. So the bottom of the footer should be at the bottom of the last group on your page. Then move up the page height and I think that should solve your issue.

Screen Shot 2021-01-08 at 3.13.11 PM2880×1636 339 KB

Here is an overlapping element that might cause other issues too.

Let me know if that works.

rmjjkj1 · 2021-01-09T03:05:31.376Z

@J805 That did it! Amazing. I cannot thank you enough!! Could not have done it without the NoCodeMinute video and your followup help! Thanks again.

J805 · 2021-01-09T04:11:42.023Z

So glad we found the culprit! You were almost there! Good job . Looking forward to seeing what you build.