Show a group after X seconds

Mobile Beta
1

Hi,

I don’t see an option to delay a group from showing. I want to show a group after 3 seconds of loading a view, to mimick an animation. How can I do that?

2

I have done this…

but, here’s what I want to show you.

If you go to perplexity.ai and input your question, you can get a lot of help. Always preface your question with ‘In Bubble.io’

So, to give you an example, I entered your question and here is what I got:

To show a group in Bubble.io after a 3-second delay when a view loads (to mimic an animation), you need to use workflows, as there is no direct “delay” option for group visibility in the UI editor. Here’s how you can achieve this:

Step-by-Step Solution

1. Set the Group to Hidden by Default

  • In the Bubble editor, select your group.
  • In the property editor, check “This element is visible on page load” OFF. This ensures the group is hidden when the page loads.

2. Create a Custom Event to Show the Group

  • Go to the Workflow tab.
  • Create a new custom event (e.g., “Show Group After Delay”).
  • In this custom event, add an action: Element Actions → Show (select your group).

3. Schedule the Custom Event with a Delay

  • Still in the Workflow tab, create a new workflow: When Page is loaded.
  • Add an action: Custom Events → Schedule Custom Event.
  • Choose the custom event you just created.
  • Set the delay to 3 seconds (or 3000 milliseconds, depending on the interface).

This approach will show your group 3 seconds after the page loads, creating the effect you want12.

Optional: Add Animation

To enhance the effect, you can add an animation when showing the group:

  • In the workflow step that shows the group, use the Animate action instead of or in addition to the Show action.
  • Choose an animation like “fade in” for a smoother appearance34.

Just a little tip to help you in the future.

And yes, this is using the free version of Perplexity.

Added: If any of the steps are confusing to you, you can ask for a more detailed description and it will help you with it.

3

Awesome!! And thanks for the tip, I tried ChatGPT, but it didn’t gave me a good solution. I will use Perplexity from now on!

1 Like
4

Happy it worked.

I’ve tried every AI out there when it comes to Bubble…

Perplexity was always the most accurate. Not always 100%, but within the 90 some percent range. The great thing is you can always ask it to clarify things and it breaks them down into something you can understand.

I’m glad you got your issue solved.

1 Like
5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.