# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**Category:** Project Showcase\
**Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\
**Posts on this page:** 20\
**Page:** 41

<div class="post-metadata">

**Author:** ![christoph](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christoph/32/22794_2.png) [@christoph](https://community.glideapps.com/u/christoph)\
**Post date:** [October 4, 2021, 6:01am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/809 "2021-10-04T06:01:07Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![alfonso\_ayala](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alfonso_ayala/32/10862_2.png) [@alfonso\_ayala](https://community.glideapps.com/u/alfonso_ayala)\
**Post date:** [October 4, 2021, 7:16am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/810 "2021-10-04T07:16:37Z")

</div>

😊

---

<div class="post-metadata">

**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\
**Post date:** [October 5, 2021, 7:50pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/811 "2021-10-05T19:50:17Z")

</div>

I was trying to recreate WhatsApp to learn, and this was the result:  
https://player.vimeo.com/video/623751860

---

<div class="post-metadata">

**Author:** ![Dcuras](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dcuras/32/32393_2.png) [@Dcuras](https://community.glideapps.com/u/Dcuras)\
**Post date:** [October 5, 2021, 8:00pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/812 "2021-10-05T20:00:04Z")

</div>

Woah!

That looks clean.

When is the tutorial gonna come out? 🤣

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [October 5, 2021, 8:11pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/813 "2021-10-05T20:11:34Z")

</div>

Already using @Dcuras image 🤣 🤣

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/f/dfb19eeba151c493d98ce114fa6d48553cb6b429.png)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 5, 2021, 8:20pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/814 "2021-10-05T20:20:18Z")

</div>

Probably something close to this but with a background color:

> [@CSS: Choice component as a menu](https://community.glideapps.com/t/css-choice-component-as-a-menu/31118):
>
> [2021-08-29 19.13.42] \<pre\>\<span\>\<style\> [data-test="app-inline-picker"] { background: none; } [data-test="app-inline-picker"] .current { background-color: transparent; border-bottom: red solid 4px; margin-bottom: -4px; border-radius: 0px; box-shadow: none !important; }

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [October 5, 2021, 10:28pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/815 "2021-10-05T22:28:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 5, 2021, 11:03pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/816 "2021-10-05T23:03:24Z")

</div>

I genuinely thought that’s WhatsApp.

---

<div class="post-metadata">

**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\
**Post date:** [October 5, 2021, 11:29pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/817 "2021-10-05T23:29:31Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\
**Post date:** [October 6, 2021, 1:34am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/818 "2021-10-06T01:34:03Z")

</div>

Exactly! Seriously you had already taught this? 🤡

---

<div class="post-metadata">

**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\
**Post date:** [October 6, 2021, 1:35am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/819 "2021-10-06T01:35:30Z")

</div>

Hahaha, so it worked

---

<div class="post-metadata">

**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\
**Post date:** [October 6, 2021, 1:35am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/820 "2021-10-06T01:35:45Z")

</div>

Yesss 😂

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [October 6, 2021, 2:57am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/821 "2021-10-06T02:57:55Z")

</div>

That’s seriously impressive - well done! 👍

---

<div class="post-metadata">

**Author:** ![Pratik\_Shah](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pratik_shah/32/12416_2.png) [@Pratik\_Shah](https://community.glideapps.com/u/Pratik_Shah)\
**Post date:** [October 6, 2021, 2:06pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/822 "2021-10-06T14:06:38Z")

</div>

Dude! That is amazing!

---

<div class="post-metadata">

**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\
**Post date:** [October 6, 2021, 4:15pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/823 "2021-10-06T16:15:23Z")

</div>

Thank you!!! 🙂

---

<div class="post-metadata">

**Author:** ![Butter-Bee](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/butter-bee/32/15102_2.png) [@Butter-Bee](https://community.glideapps.com/u/Butter-Bee)\
**Post date:** [October 8, 2021, 3:56am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/824 "2021-10-08T03:56:40Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 8, 2021, 4:46am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/825 "2021-10-08T04:46:04Z")

</div>

You replace the {N} here:

`content: "{N}"`

by that number, in a template column.

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [October 19, 2021, 12:05am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/826 "2021-10-19T00:05:31Z")

</div>



---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [November 16, 2021, 12:39am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/827 "2021-11-16T00:39:59Z")

</div>

@ThinhDinh

Do you have any CSS to change the color of the selected choice in Chips Style?

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [November 16, 2021, 10:36pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/829 "2021-11-16T22:36:42Z")

</div>

Make new topics!

[Previous page](https://community.glideapps.com/t/beautiful-design-app/16191.md?page=40)