After audio ends, change icon

Get Help
1

The idea is that after an audio stops playing, the user is taken back to a screen where its lists other items to be played and at the same time changes the icon from a play button to a checkmark to show the user they have completed listening to that audio.

Is this possible? If so, how would I do that?

For example, use this key: the letters will represent the icons

NP = Not played (actually play icon)
P = Played (actually a checkmark)

P Day 1 (this changes from NP to P after the audio completes and redirect the user back to the list)
NP DAY 2
NP DAY 3
ect

2

Add a relationship between songs and users (many-to-many) and rename them “Songs Played” for the user collection and “Users Listened” on the song collection.

Add another relationship between songs and users (many-to-many_ and rename them “Songs Finished” for the user collection and “Users Completed” on the song collection.

When a user clicks the song, add the user to the “Users Listened” parameter. When the song ends, remove the user from the “users listened” and add them to the “Users Completed”

Then, conditionally display the icons in the list of songs based on the relationship parameter.

6

@Flawless WOW thank you for this… I have worked my way through everything you shared. I am now here

Then, conditionally display the icons in the list of songs based on the relationship parameter.

and im a bit confused on how to do this… where do I find this?

7

@Flawless I am also using a Simple List, so I am trying to change those icons in that list based on a condition, not sure if using the Simple List allows me to do that?

8

Nope. You need a custom list for this.

9

Made a video that may helpful :+1: ( Using a many to many relationship property like Flawless mentioned )

If needed the clonable link of the app used in the video :smiley:

10

@dilon_perera @Flawless im in awe at your support. Thank you! This is exactly what I needed.

Here is finished look

Changed icon after audio ends

1 Like
11

Any way I can change the color of the start time and end time @dilon_perera from black to white?

12

As far as I’m aware, unfortunately not possible. You can add that request here : https://adalo.canny.io/

I tried a workaround like adding texts in that sections but the problem is they don’t stay with the player and changes based on the screen size. If I find a way I’ll let you know!

13

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