Auto show Modal after set delay

Wappler General Need Help
1

Hi,
I have search for a solution without success. Is there a way to auto show a Modal after a set delay on a page?
Thank you.

2

Have you tried adding a Flow on tp the page and then showing the modal. You need to set the flow to Auto.

This should help:

3

You can use a scheduler component to handle the delay before triggering your action.

4

@mebeingken where do I find schedular component etc? Novice here.

5

You add it like other app connect components. I believe it is called an action scheduler.

1 Like
6

Thanks @mebeingken. Found it.
For the benefit of others, this is how to add and define a delay before a Modal can appear on a page.

  1. Create a Modal first using the App content side.

  2. Click on “App” and added “Action Scheduler”

    Screen Shot 2021-08-18 at 4.06.50 pm
    Screen Shot 2021-08-18 at 4.06.50 pm1840×2306 392 KB

  3. Once added click on the newly created Action Schedular and in the Schedular Properties below set the desired Delay time, in this case I used 5 seconds and ticked no-repeat.

    Screen Shot 2021-08-18 at 4.10.26 pm
    Screen Shot 2021-08-18 at 4.10.26 pm1580×2306 235 KB

  4. Under Dynamic Events in the Schedular properties, I selected the available actions arrow head and in the pop-up Available actions window I selected and added “Show” under my Modal (in this case it was modal1) and clicked select.

    Screen Shot 2021-08-18 at 4.13.30 pm
    Screen Shot 2021-08-18 at 4.13.30 pm1458×2306 255 KB
    .

  5. Save the page and it’s all done! So easy and it works beautifully.

Well done once again to Wappler team! @George :slight_smile:

3 Likes
7

Maybe you want also to set the “no repeat” property of the Action Scheduler to fire it just once and not every 5 seconds

8

Great idea! Definitely have @George, just didn’t include it in the screenshot. Love it!! Thank you😊

1 Like