# Image in Background

**URL:** <https://community.glideapps.com/t/image-in-background/17155>\
**Category:** Ask for Help\
**Created:** [October 14, 2020, 8:06pm UTC](https://community.glideapps.com/t/image-in-background/17155 "2020-10-14T20:06:42Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Valdir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valdir/32/37658_2.png) [@Valdir](https://community.glideapps.com/u/Valdir)\
**Post date:** [October 14, 2020, 8:06pm UTC](https://community.glideapps.com/t/image-in-background/17155/1 "2020-10-14T20:06:42Z")

</div>

Hello friends!  
Is it possible to put a background with image inside an Inline List?

Valdir!

 ![WhatsApp Image 2020-10-14 at 16.56.45](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/b/b6f88234e07a030e4fbefff9bbaf69ff41119298.jpeg)

---

<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 14, 2020, 10:06pm UTC](https://community.glideapps.com/t/image-in-background/17155/2 "2020-10-14T22:06:25Z")

</div>

Do you mean each item should have the same background?

---

<div class="post-metadata">

**Author:** ![Valdir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valdir/32/37658_2.png) [@Valdir](https://community.glideapps.com/u/Valdir)\
**Post date:** [October 14, 2020, 10:31pm UTC](https://community.glideapps.com/t/image-in-background/17155/3 "2020-10-14T22:31:12Z")

</div>

No, it would be the same when “STYLE” is in “Details”. A background image for all page (Inline).

---

<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 14, 2020, 10:41pm UTC](https://community.glideapps.com/t/image-in-background/17155/4 "2020-10-14T22:41:34Z")

</div>

I’m not sure it’s lost in translation or not, but at the moment the only thing you can do with an inline list’s image is pointing it to the image column of your choice. What further options do you need?

---

<div class="post-metadata">

**Author:** ![Valdir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valdir/32/37658_2.png) [@Valdir](https://community.glideapps.com/u/Valdir)\
**Post date:** [October 14, 2020, 11:48pm UTC](https://community.glideapps.com/t/image-in-background/17155/5 "2020-10-14T23:48:31Z")

</div>

It can be tip of my English (google translator) yes kkkkk. Sorry. The yellow background image is the first screen of my app. I would like to put it on the Inline List as well. Where the color is white I would like it to be yellow.

 ![Tela Inicial](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a2dbf8e8e656613be75a6098c7926a909467e8f7.jpeg)

---

<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 15, 2020, 12:31am UTC](https://community.glideapps.com/t/image-in-background/17155/6 "2020-10-15T00:31:57Z")

</div>

Ah if you’re willing to risk using HTML you can use a rich text component. Glide doesn’t officially support this so do it at your own risk.

```
<a style="position: fixed; 
width: 100%; 
top:20px;
right: 0%; 
z-index:-1;
" target="_blank" rel="noopener">

<img src="your image link" title="" style="">
```

---

<div class="post-metadata">

**Author:** ![Valdir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valdir/32/37658_2.png) [@Valdir](https://community.glideapps.com/u/Valdir)\
**Post date:** [October 15, 2020, 2:53pm UTC](https://community.glideapps.com/t/image-in-background/17155/7 "2020-10-15T14:53:50Z")

</div>

Hello @ThinhDinh!  
I really think the difficulty is in translating my need. The background that I would like to put is “inside” in the Inline List as the picture I am posting.  
Glide has no option of putting Rich Text in the situation I would like.  
Thank you very much for your attention.

 ![bandicam 2020-10-15 11-44-12-849](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/160631db6b7bf7e8de9c4087066440bb2b26941d.jpeg)

---

<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 15, 2020, 3:51pm UTC](https://community.glideapps.com/t/image-in-background/17155/8 "2020-10-15T15:51:15Z")

</div>

No you can’t do that at the moment. Your only option is to design the images yourself. I take it you want to combine a background image with another image, probably you can try Cloudinary.

---

<div class="post-metadata">

**Author:** ![dash1](https://avatars.discourse-cdn.com/v4/letter/d/ea666f/32.png) [@dash1](https://community.glideapps.com/u/dash1)\
**Post date:** [October 16, 2020, 11:24pm UTC](https://community.glideapps.com/t/image-in-background/17155/9 "2020-10-16T23:24:10Z")

</div>

This is not supported[.](https://escortfox.com) I’m sorry.

---

<div class="post-metadata">

**Author:** ![Pedro](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedro/32/15325_2.png) [@Pedro](https://community.glideapps.com/u/Pedro)\
**Post date:** [October 21, 2020, 12:31am UTC](https://community.glideapps.com/t/image-in-background/17155/10 "2020-10-21T00:31:57Z")

</div>

Usei o código mas o topo continuou na cor branca

![imagem](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/c5310fd6de36dafafa8bf9f23eebd381d5bbabe7.png)

---

<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 21, 2020, 12:35am UTC](https://community.glideapps.com/t/image-in-background/17155/11 "2020-10-21T00:35:55Z")

</div>

Seems like we can’t touch that part.

---

<div class="post-metadata">

**Author:** ![Pedro](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedro/32/15325_2.png) [@Pedro](https://community.glideapps.com/u/Pedro)\
**Post date:** [October 22, 2020, 12:57am UTC](https://community.glideapps.com/t/image-in-background/17155/12 "2020-10-22T00:57:01Z")

</div>

É uma pena e fico triste. pois iria valorizar bastante nossos aplicativos!

---

<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 22, 2020, 1:12am UTC](https://community.glideapps.com/t/image-in-background/17155/13 "2020-10-22T01:12:10Z")

</div>

Like this?

 ![Screen Shot 2020-10-21 at 9.12.00 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/a/a36c9d0a93a19ca5c0bf3d882d6174bbab525016.jpeg)

---

<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 22, 2020, 1:15am UTC](https://community.glideapps.com/t/image-in-background/17155/14 "2020-10-22T01:15:14Z")

</div>

Or this with an image background?

 ![Screen Shot 2020-10-21 at 9.15.03 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e0deb78f1848597c7684b8d70fd807a630955ccc.jpeg)

If so, here’s the code:

```auto
<pre><span><style>
.gabemc {
    background-image: url(https://lh5.googleusercontent.com/ReJgrO9ttRyefFimS6jFviR-vawWQH9odvjjJOzgou1A9dhTdUwh6MDEPVrGKafqiJgjOzePHNsWaJR4RTx9JdxpjwOjRKipZ8FvbwXvTYzj8qBcI0WJb0OBcyDATfvJdqSfZx3Y) !important;
    background-size: cover;
}

```

---

<div class="post-metadata">

**Author:** ![Valdir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valdir/32/37658_2.png) [@Valdir](https://community.glideapps.com/u/Valdir)\
**Post date:** [October 22, 2020, 1:45pm UTC](https://community.glideapps.com/t/image-in-background/17155/15 "2020-10-22T13:45:29Z")

</div>

Good @Robert_Petitto.  
It already gives an option to place a background when the product image is with a transparent background.  
Thank you very much.

---

<div class="post-metadata">

**Author:** ![Valdir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/valdir/32/37658_2.png) [@Valdir](https://community.glideapps.com/u/Valdir)\
**Post date:** [October 22, 2020, 4:07pm UTC](https://community.glideapps.com/t/image-in-background/17155/16 "2020-10-22T16:07:58Z")

</div>

Certainly…👌👌