Beautiful Design App

Maybe you should give up the idea of placing the floating button so high? Replace top: 5% with top: 10% in your example and everything will look almost the way you want :slight_smile:

2 Likes

I did try doing this using z-index as well, but never succeeded :frowning:

Probably this is the best solution:

3 Likes

But in your Vegan showcase, your floating is on top right corner and the title zone doesn’t hide it.
How’s that?
If you put a top title, does it remove any transparency or prevent from clicking on the button?
Thks, ThinhDinh

In the Vegan showcase there is no title and no scrolling.
If you want a title the title bar unfortunately goes over the floating button.

2 Likes

:blush:

I was trying to recreate WhatsApp to learn, and this was the result:

19 Likes

Woah!

That looks clean.

When is the tutorial gonna come out? :rofl:

2 Likes

Already using @Dcuras image :rofl: :rofl:

image

4 Likes

Probably something close to this but with a background color:

2 Likes

Simply wow. Might come in handy when Facebook Inc. has an outage.

5 Likes

I genuinely thought that’s WhatsApp.

4 Likes

I can’t believe that you managed to create such app with glide…

5 Likes

Exactly! Seriously you had already taught this? :clown_face:

2 Likes

Hahaha, so it worked

2 Likes

Yesss :joy:

2 Likes

That’s seriously impressive - well done! :+1:

3 Likes

Dude! That is amazing!

2 Likes

Thank you!!! :slight_smile:

1 Like

This is so sweet! I’m still new so this may be obvious to others, but can someone explain how to make the notification number correspond to a specific column for the signed-in user, in my user sheet to this notification alert?

Cheers!

You replace the {N} here:

content: "{N}"

by that number, in a template column.