# Images from number-column

**URL:** https://community.glideapps.com/t/images-from-number-column/44596
**Category:** Ask for Help
**Created:** [July 16, 2022, 6:38am UTC](https://community.glideapps.com/t/images-from-number-column/44596 "2022-07-16T06:38:26Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)
#### Post date: [July 16, 2022, 6:38am UTC](https://community.glideapps.com/t/images-from-number-column/44596/1 "2022-07-16T06:38:26Z")

</div>

Hi,

Is there a way to “convert” numbers (2-digits) in a colum (= from birth-date) to an image, so it can be used in a list to sort/group birthdates by date?

Maybe with an external tool like Robert\_Petitto did with [quickcharts.io](http://quickcharts.io) (see post [😍 Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946))

Wim

---

<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: [July 16, 2022, 11:34pm UTC](https://community.glideapps.com/t/images-from-number-column/44596/2 "2022-07-16T23:34:53Z")

</div>

Maybe I don’t understand well what you’re trying to do here, why do you need to convert the number to an image while you say you want to “sort/group” it? Shouldn’t a number/string be enough to do that? You sort/group by the number/string, not the image.

---

<div class="post-metadata">

### Author: ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)
#### Post date: [July 17, 2022, 6:04am UTC](https://community.glideapps.com/t/images-from-number-column/44596/3 "2022-07-17T06:04:33Z")

</div>

I already have a column with the dates (1 \> 31) and I want those as image in the inline list  
 ![2022-07-17_080055](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/3/f3da8f7210fef7a5cb1885c031920ad5b8979f1e.png)  
But Glide only accepts the first letter of the title if there’s no image.

So I was thinking if the date (1 \> 31) could be converted online to an image-url…

Another question: is it possible to add a background (100% width) to the group-titels (monthname in my case) with CSS ?

---

<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: [July 17, 2022, 8:10am UTC](https://community.glideapps.com/t/images-from-number-column/44596/4 "2022-07-17T08:10:57Z")

</div>

Please try using dummyimage for this.

[https://dummyimage.com/](https://dummyimage.com/)

You can have a template column to get dynamic images like this.

`https://dummyimage.com/600x400/000/fff&text=1`

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

---

<div class="post-metadata">

### Author: ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)
#### Post date: [July 17, 2022, 8:34am UTC](https://community.glideapps.com/t/images-from-number-column/44596/5 "2022-07-17T08:34:48Z")

</div>

> [@ThinhDinh](#):
>
> [https://dummyimage.com/600x400/000/fff&text=1](https://dummyimage.com/600x400/000/fff&text=1)

Thanks ! I’ll try.

---

<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: [July 17, 2022, 3:48pm UTC](https://community.glideapps.com/t/images-from-number-column/44596/6 "2022-07-17T15:48:41Z")

</div>

This is what I was going to recommend.

---

<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: [July 18, 2022, 12:13am UTC](https://community.glideapps.com/t/images-from-number-column/44596/7 "2022-07-18T00:13:38Z")

</div>

> [@Wim\_De\_Coninck](#):
>
> Another question: is it possible to add a background (100% width) to the group-titels (monthname in my case) with CSS ?

What type of background do you want? Solid color or image?

---

<div class="post-metadata">

### Author: ![Wim\_De\_Coninck](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wim_de_coninck/32/28179_2.png) [@Wim\_De\_Coninck](https://community.glideapps.com/u/Wim_De_Coninck)
#### Post date: [July 21, 2022, 5:46am UTC](https://community.glideapps.com/t/images-from-number-column/44596/8 "2022-07-21T05:46:23Z")

</div>

a solid color. I already tried your suggestion in post [https://community.glideapps.com/t/inline-list-group-header-colour/32888](https://community.glideapps.com/t/inline-list-group-header-colour/32888) but this only works with “color”, not with “background” (see both images)

 ![2022-07-21_074334](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/7/f7cd0f3257d6b782586991a275110379dbf79e4a.png)

 ![2022-07-21_074417](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/1812e53176c7f3173f37e4fc7e5613a92a68660a.png)
