# Component background color
**URL:** https://community.glideapps.com/t/component-background-color/10712
**Category:** Feature Requests
**Created:** [June 12, 2020, 8:28am UTC](https://community.glideapps.com/t/component-background-color/10712 "2020-06-12T08:28:53Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@adelhammoud](https://community.glideapps.com/u/adelhammoud)
#### Post date: [June 12, 2020, 8:28am UTC](https://community.glideapps.com/t/component-background-color/10712/1 "2020-06-12T08:28:53Z")
Not sure if this feature already requested as I couldn’t find it while searching.
It helps greatly in the presentation if we have ability to assign a color (or even image) in the background per component - for at least key components types if not all.
---
### Author:  [@garrison](https://community.glideapps.com/u/garrison)
#### Post date: [June 12, 2020, 8:51am UTC](https://community.glideapps.com/t/component-background-color/10712/2 "2020-06-12T08:51:52Z")
+1
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 12, 2020, 8:54am UTC](https://community.glideapps.com/t/component-background-color/10712/3 "2020-06-12T08:54:42Z")
Would love this as well, provides a good look to it.
As a workaround, I’m now designing images with fake buttons to use as my “home” screen.
---
### Author:  [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [June 13, 2020, 9:57am UTC](https://community.glideapps.com/t/component-background-color/10712/4 "2020-06-13T09:57:31Z")
@adelhammoud a lil’ trick may help you
In Data editor, create a Template column and add this code:
```
```
Replace **URL** to the Pic column. In the screen you wanna add this background, add a Rich Text component and the result will something like this 👇🏼
(The code is not 100%, but when I improve it, it’s cool to fit the image in the whole screen)
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 13, 2020, 10:07am UTC](https://community.glideapps.com/t/component-background-color/10712/5 "2020-06-13T10:07:34Z")
So you’re saying I won’t have to design fake buttons anymore? Music to my ears, brother 🤣
Gonna try this trick right now.
---
### Author:  [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [June 13, 2020, 10:08am UTC](https://community.glideapps.com/t/component-background-color/10712/6 "2020-06-13T10:08:51Z")
😂
Actually I still fake buttons with images, but not as this, cause the bg is fixed.
---
### Author:  [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [June 13, 2020, 10:10am UTC](https://community.glideapps.com/t/component-background-color/10712/7 "2020-06-13T10:10:18Z")
@ThinhDinh What about mix bg and fake buttons with png images?
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 13, 2020, 10:11am UTC](https://community.glideapps.com/t/component-background-color/10712/8 "2020-06-13T10:11:34Z")
That would work, I believe. I have no experience with trying this background thing so I sincerely hope it would work well so that I have a viable alternative. Thanks in advance 😍
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 13, 2020, 10:15am UTC](https://community.glideapps.com/t/component-background-color/10712/9 "2020-06-13T10:15:18Z")
Holy hell it works.
I dream of having somekind of a Spotify vibe, this will help me a lot. Thank you Lucas!
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 13, 2020, 10:48am UTC](https://community.glideapps.com/t/component-background-color/10712/10 "2020-06-13T10:48:42Z")
Tried my luck with background-repeat: repeat-y… No luck 😢
---
### Author:  [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)
#### Post date: [June 13, 2020, 11:24am UTC](https://community.glideapps.com/t/component-background-color/10712/11 "2020-06-13T11:24:43Z")
This is beautiful. Wondering if it will work with Gifs
---
### Author:  [@adelhammoud](https://community.glideapps.com/u/adelhammoud)
#### Post date: [June 13, 2020, 11:58am UTC](https://community.glideapps.com/t/component-background-color/10712/12 "2020-06-13T11:58:50Z")
This is nice but :
(1) It gives a background image to the whole page. I wonder how can we setup up background per component.
(2) Glide keeps reminding all of us to avoid using HTML tags as we are not sure when it won’t work anymore (I do actually 🙂 )
---
### Author:  [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [June 13, 2020, 8:00pm UTC](https://community.glideapps.com/t/component-background-color/10712/13 "2020-06-13T20:00:05Z")
Of course!
---
### Author:  [@Roberto\_Salim](https://community.glideapps.com/u/Roberto_Salim)
#### Post date: [June 14, 2020, 10:52am UTC](https://community.glideapps.com/t/component-background-color/10712/14 "2020-06-14T10:52:38Z")
If I understand correctly do you want to use this trick on a fixed component on the screen?
Then it is possible by changing the “fixed” text in the code.
What I did, insert the code with an image (yellow), making the adjustments of “width” “right” and “top” when the image reached the desired position, I will change the “fixed” to “absolut” and the image ( yellow) remains.
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [June 14, 2020, 11:04am UTC](https://community.glideapps.com/t/component-background-color/10712/15 "2020-06-14T11:04:28Z")
Thank you for the tip Roberto, I will try this later as well!
---
### Author:  [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [July 20, 2020, 12:47am UTC](https://community.glideapps.com/t/component-background-color/10712/16 "2020-07-20T00:47:26Z")
Is this still working?
I tried it but it’s not working for me.
Here’s a picture of how I put it in the template in case I made a mistake.
Thanks @Lucas_Pires!
---
### Author:  [@gvalero](https://community.glideapps.com/u/gvalero)
#### Post date: [July 20, 2020, 3:50am UTC](https://community.glideapps.com/t/component-background-color/10712/17 "2020-07-20T03:50:14Z")
Change the URL value to your image’s web link @SantiagoPerez
Something like _img src=“ [https://image.freepik.com/vector-gratis/plantilla-diseno-logotipo-pizza\_15146-192.jpg](https://image.freepik.com/vector-gratis/plantilla-diseno-logotipo-pizza_15146-192.jpg) “_
Saludos
---
### Author:  [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [July 20, 2020, 4:05am UTC](https://community.glideapps.com/t/component-background-color/10712/18 "2020-07-20T04:05:24Z")
I’d say exactly what @gvalero said
---
### Author:  [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [July 20, 2020, 4:33am UTC](https://community.glideapps.com/t/component-background-color/10712/19 "2020-07-20T04:33:19Z")
Thanks @gvalero @Lucas_Pires.
It worked. I had to use a pic.
Saludos
---
### Author:  [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)
#### Post date: [September 26, 2020, 9:57pm UTC](https://community.glideapps.com/t/component-background-color/10712/20 "2020-09-26T21:57:57Z")
Oh! This may be what I am looking for! Is there a way to make the BG spread all the way to the top of the screen, and also scroll with the first two components?
[Next page](https://community.glideapps.com/t/component-background-color/10712.md?page=2)