Show a group after X seconds

Mobile Beta
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.