# 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:** 13

<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:** [January 12, 2021, 7:53pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/245 "2021-01-12T19:53:58Z")

</div>

🧙 does that hat ever take out rabbits?

---

<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:** [January 14, 2021, 2:11am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/246 "2021-01-14T02:11:11Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/3/7349c4adcd556812cfebe5b6008f6e765b22e880.jpeg)

---

<div class="post-metadata">

**Author:** ![Vladimir\_Zambakhidze](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vladimir_zambakhidze/32/13882_2.png) [@Vladimir\_Zambakhidze](https://community.glideapps.com/u/Vladimir_Zambakhidze)\
**Post date:** [January 14, 2021, 9:04pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/247 "2021-01-14T21:04:35Z")

</div>

Hey.  
I would be grateful for a hint.  
How to place the first button in the upper right corner, and leave the second at the bottom

 ![Снимок экрана 2021-01-15 в 0.00.13](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/7/57452d37db1f74c7b03951344041bb5393842386.png)

---

<div class="post-metadata">

**Author:** ![Pablo\_Sanz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_sanz/32/16415_2.png) [@Pablo\_Sanz](https://community.glideapps.com/u/Pablo_Sanz)\
**Post date:** [January 15, 2021, 2:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/248 "2021-01-15T02:15:36Z")

</div>

> [@Vladimir\_Zambakhidze](#):
>
> el segundo en

Tnks

---

<div class="post-metadata">

**Author:** ![Pablo\_Sanz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_sanz/32/16415_2.png) [@Pablo\_Sanz](https://community.glideapps.com/u/Pablo_Sanz)\
**Post date:** [January 15, 2021, 2:29am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/249 "2021-01-15T02:29:01Z")

</div>

try this:

.fab-target :nth-child(1) \>{

---

<div class="post-metadata">

**Author:** ![Vladimir\_Zambakhidze](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vladimir_zambakhidze/32/13882_2.png) [@Vladimir\_Zambakhidze](https://community.glideapps.com/u/Vladimir_Zambakhidze)\
**Post date:** [January 15, 2021, 9:04am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/250 "2021-01-15T09:04:07Z")

</div>

did not work

 ![Снимок экрана 2021-01-15 в 12.02.09](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/1967d1d61dd3ca8d58cbf334381920ba9ff0e8da.png)

---

<div class="post-metadata">

**Author:** ![Vladimir\_Zambakhidze](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vladimir_zambakhidze/32/13882_2.png) [@Vladimir\_Zambakhidze](https://community.glideapps.com/u/Vladimir_Zambakhidze)\
**Post date:** [January 15, 2021, 9:14am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/251 "2021-01-15T09:14:57Z")

</div>

In fact, I have three buttons.  
1 and 2 are displayed alternately depending on the selection condition and need to be at the top.  
The third must be fixed at the bottom.  
Is it possible?  
 ![Снимок экрана 2021-01-15 в 12.09.06](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/f/8f4107a92ad3f04fc0d8bc341ca2421b9c84f24a.png)

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 15, 2021, 10:58pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/252 "2021-01-15T22:58:06Z")

</div>

remove the character “\>”

---

<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:** [January 16, 2021, 4:22pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/254 "2021-01-16T16:22:26Z")

</div>

@Vladimir_Zambakhidze

```auto
<pre><span><style>
.fab-target >:nth-child(1) {
position: fixed;
top: 18% !important;
}
.fab-target >:nth-child(2) {
position: fixed;
top: 26% !important;
}

```

 ![Screen Shot 2021-01-16 at 11.21.38 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/1/41768ed008cd2142661341945f84d842c810b19b.png)

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [January 16, 2021, 4:30pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/255 "2021-01-16T16:30:09Z")

</div>

Could you use this as a “to-top” button?

I guess it would need some sort of anchor 🤔

---

<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:** [January 16, 2021, 7:20pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/256 "2021-01-16T19:20:04Z")

</div>

[https://i.imgur.com/q6WpP7Y.mp4](https://i.imgur.com/q6WpP7Y.mp4)

Design do menu inicial de um aplicativo que estou produzindo para a minha escola, com o objetivo de substituir a plataforma antiga que a escola estava utilizando para o EAD.

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 16, 2021, 7:31pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/257 "2021-01-16T19:31:30Z")

</div>

Love the progress bar at the bottom 😃

---

<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:** [January 16, 2021, 11:16pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/258 "2021-01-16T23:16:46Z")

</div>

Muitíssimo obrigado! Se tiverem sugestões… Estou aprendendo cada vez mais com designs de outros usuários.

---

<div class="post-metadata">

**Author:** ![wjcv06](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wjcv06/32/12747_2.png) [@wjcv06](https://community.glideapps.com/u/wjcv06)\
**Post date:** [January 16, 2021, 11:18pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/259 "2021-01-16T23:18:46Z")

</div>

I think you and @Lucas_Pires could make a fantastic team! 👍

---

<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:** [January 17, 2021, 2:50am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/260 "2021-01-17T02:50:19Z")

</div>

> [@ehdubya](#):
>
> Could you use this as a “to-top” button?
> 
> I guess it would need some sort of anchor 🤔

I’ve been down that rabbit hole before…

> [@Send user to top of screen with action](https://community.glideapps.com/t/send-user-to-top-of-screen-with-action/19483):
>
> Is anyone aware of a way to send a user back to the top of the current screen using an action? I have a screen with a very long list of choice components in segmented mode (66 of them, to be exact), then at the end of the list is a ‘Submit’ button with a compound action attached. As part of that action sequence, I’d like to keep the user on the current screen, but send them back to the very top. Can that be done? I tried Link to Screen → This Item, but that reloads the screen with default com…

TLDR; It’s possible, kindof…

---

<div class="post-metadata">

**Author:** ![Vladimir\_Zambakhidze](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vladimir_zambakhidze/32/13882_2.png) [@Vladimir\_Zambakhidze](https://community.glideapps.com/u/Vladimir_Zambakhidze)\
**Post date:** [January 17, 2021, 8:55pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/261 "2021-01-17T20:55:19Z")

</div>

Thanks @Robert_Petitto

---

<div class="post-metadata">

**Author:** ![Brice](https://avatars.discourse-cdn.com/v4/letter/b/a3d4f5/32.png) [@Brice](https://community.glideapps.com/u/Brice)\
**Post date:** [January 22, 2021, 9:11pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/262 "2021-01-22T21:11:03Z")

</div>

Floating button to filter button position to make a great advanced filter with inline list.  
Can someone try it?

---

<div class="post-metadata">

**Author:** ![Toluca100a](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toluca100a/32/36218_2.png) [@Toluca100a](https://community.glideapps.com/u/Toluca100a)\
**Post date:** [January 22, 2021, 9:30pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/263 "2021-01-22T21:30:52Z")

</div>

[https://shopve.glideapp.io/](https://shopve.glideapp.io/) ShopVE was designed to facilitate a supplier catalog with complete information to contact them. It is free to all the local community. An easy way to select your preferred supplier with a couple of clicks. Regards, MG

---

<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:** [January 22, 2021, 11:09pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/264 "2021-01-22T23:09:45Z")

</div>

Sounds interesting. Can you elaborate more on the “filter button position”?

---

<div class="post-metadata">

**Author:** ![DareSteps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/daresteps/32/11716_2.png) [@DareSteps](https://community.glideapps.com/u/DareSteps)\
**Post date:** [January 23, 2021, 12:32am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/265 "2021-01-23T00:32:48Z")

</div>

Very beautiful design! May I know the CSS you used to outline your components? It makes them look great! In fact I want to make them look like that if possible

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/4/241c1ead06d352812a3a3c1d480809ddfa66efb9.jpeg)

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

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