Saved notification

Get Help
1

Hi everyone!

I am building a workout tracking app and want to improve the user feedback loop when a user saves their set data.

Currently, when the user clicks the “OPSLAAN” (Save) button, I want to trigger a “Saved” confirmation to ensure the user knows the action was successful without navigating them away from the current screen.

Requirements

  1. Success Popup/Overlay: Upon clicking the Save button, a brief “Saved!” or “Success” popup should appear.

  2. Data Persistence: The input data (Weight, Reps, RPE) must remain visible in the fields after saving. The screen should not reset or clear the values immediately, so the user can reference their last set.

  3. Auditory Feedback (Nice-to-have): I would like a short confirmation “ding” or “success sound” to play when the button is pressed.

Questions for the Community

  • What is the best way to trigger a temporary Modal or visibility-based “Success” message in Adalo without using a “Link” action that resets the page?

  • Are there any recommended components or workarounds for triggering a short audio file (MP3) on a button click?

  • To keep the data in the input fields after the Save action, should I use “Update Current Record” instead of “Create,” or is there a way to prevent the Form Component from clearing? - the data only needs to be visible when the current workout is going on.

Attached: Screenshot of the current workout logging interface.

image
image816×1046 60 KB

2

Nice setup @Roelt you’re working on here. This is definitely doable without navigating away.

For the success message, you can handle it directly on the same screen using visibility conditions:

  • Add a group/rectangle with your “Saved!” text

  • Add a hidden input somewhere on the screen (you can make it really small or off-canvas)

Then:

  • Set the input default value = 1

  • On your Save button, after your database action, add another action → change input value to 2

Now on your success group:

  • Add a visibility condition → show if input value = 2

That way, once the user clicks save, the “Saved!” message appears instantly without leaving the screen.

If you want to hide it again:

  • Add a small “X” or button on the success group

  • Set it to change the input value back to 1 → this hides the message again

For your data staying in inputs:

  • Yes, using Update Current Record is the right approach :+1:

  • Forms usually reset on create, so updating helps keep values visible during the workout

For sound:

  • Adalo doesn’t natively support audio on click, so you’d need a custom component or workaround — not super straightforward

I actually did a quick video showing how to use inputs to show/hide elements like this, might help:
https://youtu.be/lLbuuSzLYV0?si=fJKz-sppfvd34O81