PricingDocsAcademy
Bluesky ...
Wed, Dec 11, 9:28 PM

Alerts in toddle πŸ””

  • /attachments/1298209068485316661/1298209069018120233/image.png

    Matthieu B.

    1 month ago

    How I can easily display an Alert, on-screen ?

    ___
    Explaination
    I'm still new to toddle, and trying to figure out what I was doing in bubble works in toddle.

    I'm wondering how I can easily display an Alert, on-screen, after an action has been performed, to indicate the user that something is going on in the background.

    Cf image attached
    image.png
  • needtheanswers

    1 month ago

    You could use a variable to do that. When you call/trigger the api you could set the variable to true that then displays the error/success message (for eg a div with some text)
    πŸ‘1
  • needtheanswers

    1 month ago

    the "div with the text" shows/is hidden based on if the variable is true but by default the variable is false in my case
  • something like this
    image.png
  • Armand

    1 month ago

    you can also use the Toast package: https://ui_toast.toddle.site
    πŸ”₯1
  • Matthieu B.

    1 month ago

    Nice, i feel like the "toast package" method seems to be more straight forward. I'm checking the video.

    Thanks a lot
  • Matthieu B.

    1 month ago

    @Armand What other essential packages should I look into, when building an app ?

    Because the toast notification seems like a must-have for any toddle developer
  • Armand

    1 month ago

    Really depends on what you're building. For the current project I'm working on I am only using the Spark drag and drop, Vanilla Calendar and the UI Toast packages.
    I think that just like with Bubble Plugins, the less you use the better it is for the performance of your app
  • Matthieu B.

    1 month ago

    alright cool. I'll have a look at those.

    On the performance aspects, that's what I was thinking, but I guess, there is a trade off to make between a slow app, and the time to recreate everything from scratch for simple elements
  • Max

    1 month ago

    Just FYI: if the packages you import are made in toddle only (without external dependencies), they will not slow down your app compared to building them yourself
  • Matthieu B.

    1 month ago

    @Max I did not know that. Is the drag and drop package built in toddle only for instance ?
  • Max

    1 month ago

    No, this one has sortableJS under the hood
    πŸ‘1

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.