Hi, I am creating a meditation app. I would like to add a “Favorite” feature: when a user is listening to a song, he can add it as a favorite song and when a song is already a favorite one, the user can remove it from favorites. To do that, I would like to do like normal apps (like Spotify): Whe…

Hi Gary, You can do this with a Toggle too. Then no need two icons. But if you do this with two icons add a rectangle too for alignment. You can see here how Mario created this : [How to create a continuous audio player in Adalo (step by step)] Thank you

Hi Dilon, Thank you for your help! I tried to add the rectangle: [Capture d’écran 2022-03-19 à 11.04.50] but still the 2 icons are not overlayed, maybe it is not possible with Adalo? Thanks a lot in advance, Gary

I can see only one icon in the screenshot? Does the other icon is top of the other icon? Or you can try the Toggle.

Yes the first icon is on top of the second one

indeed I did not :slight_smile: not it works! Thanks a lot Dilon!

Your Welcome Gary! [image] gary: indeed I did not :slight_smile: not it works! I didn’t understand :slightly_smiling_face: It’s working right?

Yes sorry it works :slight_smile: (I wanted to say “now it works” :sweat_smile:)

The best option is with toggle. It is the easiest, the fastest and then it is easy to manage who gave it. The more buttons and visibility you add, the slower the action and navigation of your app will be.

Hey Gary, I have to agree with @Lofi that the “toggle” component will be much better for your UX. The tutorial video that I made shows how to do the rectangle+2 icons but the toggle component is much faster to respond to the click than the 2 icons with visibility settings.

Yep me too! That’s why I mentioned it first :slightly_smiling_face: dilon_perera: You can do this with a Toggle too. Then no need two icons.

Overlaying 2 icons for a favorite component

Get Help Design

Dilon March 19, 2022, 11:20am 6

Can you try like this?

"Stacking" two components visually

Topic		Replies	Views
"Stacking" two components visually Design	6	718	August 11, 2022
Alternating visibility of two different icons Design	2	55	April 11, 2025
Cannot glue/stick two icons properly together Design	3	317	February 23, 2023
Issues with stacked images nesting inside each other Get Help	10	121	May 2, 2026
Like/dislike icons visibility on the same spot Get Help	4	623	June 21, 2020

Overlaying 2 icons for a favorite component

Related topics