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

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 22, 2021, 9:02am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/548 "2021-05-22T09:02:09Z")

</div>

Personally I’m finishing an adaptation, but I’m using an in-list component for the data and a simple “table” for the info.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/7/07a17f238aa209e9505274bf005325ff81db6564.png)

> [@CSS Calendar & "PickCalendar"](https://community.glideapps.com/t/css-calendar-pickcalendar/27152):
>
> Hello, Despite the offer of components provided by the Glide team, I made, for my personal needs, a modal date picker. Something similar to the “Date” component but with a visualization of my data. I stupidly call it: “PickCalendar”. It exists with or without the images. I also added a no modal calendar / schedule tabs with full pictures, single pictures or no picture. I used the @Jeff_Hager calendar example, which I have to thank very much, as the basis for the structure and the like. Here …

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [May 22, 2021, 9:23am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/549 "2021-05-22T09:23:58Z")

</div>

Is it possible to load a video in the background with rich text editor ?  
I’m trying to use WebM but its not working…  
wanna make a perfect loop back and forth behind reversing the first video and then combining in a loop, if its not possible to load a video behind on the background i will convert to gif but i’m worried about the weight of all …, so is it possible to have a video in the background with rich text editor ?  
Thanks  
ps.anyone know how to change the color and the font at very beginning of the app…its black…and frankly even the icon is only squared…, i mean if i put a png with alpha i’m not seeing the icon and the background which is the same color of the accent…

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 22, 2021, 9:41am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/550 "2021-05-22T09:41:21Z")

</div>

Hi @Manu_Marea

I don’t know anything about videos, but my first instinct is to look for documentation:

[https://www.w3schools.com/html/html5\_video.asp](https://www.w3schools.com/html/html5_video.asp)

Unfortunately, I don’t have a lot of free time to help you.

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [May 22, 2021, 9:57am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/551 "2021-05-22T09:57:42Z")

</div>

Doesn’t matter , thanks for your answer as well ,  
i’ll look at it and i’m concerned by weight in order to affect app’s speed…  
h 264 and 265 are far smaller as far i can see in terms of dimensions and  
gif have just 256 colors so…  
thanks for your time…

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [May 22, 2021, 10:03am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/552 "2021-05-22T10:03:54Z")

</div>

ps.  
while it works in the link you gave me, is not working here, as far i can do.

Thanks again

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 22, 2021, 10:11am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/553 "2021-05-22T10:11:38Z")

</div>

Ah uh  
I recommend that you open a new topic on the forum so that everyone can see it.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 22, 2021, 10:15am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/554 "2021-05-22T10:15:21Z")

</div>

And I just looked at the native video component of glide, it uses exactly the above doc.

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [May 22, 2021, 10:19am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/555 "2021-05-22T10:19:33Z")

</div>

I thought this would be the place because i was talking about background but if i have disturbed frankly weren’t my intentions…i do apologize.Got the message.Cheers from Florence.

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [May 22, 2021, 10:19am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/556 "2021-05-22T10:19:55Z")

</div>

Thanks.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 22, 2021, 10:23am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/557 "2021-05-22T10:23:58Z")

</div>

no no you do not bother at all on the contrary.  
Initially, this is indeed the right place for your question.

As soon as I have 5 minutes I look at your request. Unless someone has already done something about it.  
I have gone through the docs, and there are different autoplay options and playload settings.  
To be continued …

---

<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:** [May 22, 2021, 10:53am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/558 "2021-05-22T10:53:41Z")

</div>

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

Works fine for me when I add “width: 35px;”

Also I had to change weight to 700 to reproduce your issue. Probably it’s related to the font you’re using for the app.

---

<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:** [May 22, 2021, 11:02am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/559 "2021-05-22T11:02:34Z")

</div>

mmm, unfortunately that didn’t work for me…  
but thanks

---

<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:** [May 22, 2021, 3:18pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/560 "2021-05-22T15:18:14Z")

</div>

Hi @Lucas_Pires ,

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/e/be97fd5f63f4bbd19e7dc23af3a9f28fe0d037fb.png)

This is my app’s screen. I seek your help to implement your css code to this screen.  
I am sorry but I am failed to understand and implement your code on this.

I would like the colour shown on screen (green), to be used for as image) As each entry has separate colour.

Can you please help me? Thanks

---

<div class="post-metadata">

**Author:** ![Manu\_Marea](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu_marea/32/21714_2.png) [@Manu\_Marea](https://community.glideapps.com/u/Manu_Marea)\
**Post date:** [May 22, 2021, 4:47pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/561 "2021-05-22T16:47:23Z")

</div>

Oh…thank God…i have to be honest and i’m going now off topic , this week has been the worst in my life and working on the app took me a little bit away with the mind ,so now my app is ready ,almost and i wanna thank YOU ALL for all the resources i found here … i don’t know if i’m off topic and i really beg the pardon of Glide all if i’m unrespectful sayin this , but seeing the need to remove the download option in the audio player ( the one in Glide which is faster and i would like to use it…) and due to my poor skills on it i found in the [elfsight.com](http://elfsight.com) audio player a beautiful way to embed in a webview with an iframe , its cheap and customizable…and for the background [loading.io](http://loading.io) and [makebackground.io](http://makebackground.io) are incredible…lottiefiles are good as well but are way too big hence thinking in terms of videos ,thanks you all , stay fine and safe

 ![Schermata 2021-05-22 alle 18.53.35](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1f1c254189ba1af7e4c200fa3096e2a3ce4bd558.png)  
UPDATE.Just saw that all the gif i call have a spinner…that circle under the text…can i remove it?  
 ![Schermata 2021-05-22 alle 21.06.24](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/c/ec80013ee2f28e200109fce93f0dfeb250e8869a.png)  
update 2 . spinner is gone…after a while it has completed the load i suppose

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [May 24, 2021, 3:34am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/562 "2021-05-24T03:34:46Z")

</div>

Updated my Link in Bio App:  
Concept: Creators can design their own “Landing Page” and receive a custom Rebrandly link based on their Instagram name to paste into their Bio. (Ex: journey.rs/yourname)

Dashboard:

- Performance Metrics allows Users to see the # of clicks each of their posts and links recieved in total, today, last 7 days and last 30 days.
- Ambassador Program allows people to activate a special link where new people can copy the Ambassadors unique code and paste it into their application.
- Donations and Ambassador payments are sent via [Paypal.me](http://Paypal.me)

 ![Screen Shot 2021-05-23 at 11.26.27 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/0/40992e276121ee98c0147755cf0cda8e26fe0051.png)

Public Bio:

- Full image background with White Text
- User can switch to a “Light Theme” that adds opacity to the background image, changes the Font and Social Icons to Black and Logo to Dark
- Dynamic Social Icons (if you dont have a link, the icon does not appear)
- Custom Button Colors (User can set the background and font colors of both the Primary and Secondary links using HEX)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/b/1b1c4b3de083a7211aaf8121f8289c2129d2a842.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/6/2637015e76cf194daa086a19790a04278f2de501.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/5/35a3aa29c2af8fb619f00e371ad4d984891af42f.jpeg)

Light Theme:

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

Custom Button Colors:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/f/9f9c1dfc9ac44afc8a07643e82c1f9adbc2441da.jpeg)

Matches the Post Tag to the Primary Button Color they’ve chosen:

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

---

<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:** [May 24, 2021, 3:39am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/563 "2021-05-24T03:39:07Z")

</div>

gee, that’s really nice. You’re really getting the hang of this CSS stuff, hey? 😉

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [May 24, 2021, 3:42am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/564 "2021-05-24T03:42:45Z")

</div>

Thanks! And yea I sort of have to lol. This tool is to help Creators market themselves, so making it look nice is critical to them adopting it. Just hoping the CSS continues to work LOL.

---

<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:** [May 24, 2021, 4:07am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/565 "2021-05-24T04:07:01Z")

</div>

This is cool

---

<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:** [May 24, 2021, 4:09am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/566 "2021-05-24T04:09:41Z")

</div>

That is really damn great!

---

<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:** [May 24, 2021, 4:23am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/567 "2021-05-24T04:23:01Z")

</div>

It would be great to be able to do all of this natively in glide 🤩

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

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