# Hide Card Image if Empty
**URL:** https://community.glideapps.com/t/hide-card-image-if-empty/19976
**Category:** Report a Bug
**Created:** [December 17, 2020, 5:01am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976 "2020-12-17T05:01:08Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 17, 2020, 5:01am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/1 "2020-12-17T05:01:08Z")
Hi @Mark or whoever can assist—
The cards layout needs to have a way to hide the image container when there is no image to display. Otherwise, it’s just ugly:
Thoughts on how to address this in the meanwhile?
EDIT: used a generate image column to fill the gap for now, but it still sticks out like a sore thumb.
---
### Author:  [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [December 17, 2020, 8:01am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/2 "2020-12-17T08:01:03Z")
@Robert_Petitto maybe something like this in meantime - just a thought [https://pravatar.cc/](https://pravatar.cc/) with some kind of indication “awaiting image”
---
### Author:  [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 17, 2020, 8:07am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/3 "2020-12-17T08:07:53Z")
Yeah, but only if I was requiring an image to be there—some posts won’t have any images.
---
### Author:  [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [December 17, 2020, 8:21am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/4 "2020-12-17T08:21:22Z")
Ahh I get you, fair point Sir…
Quick q - is it a bug though or a feature request? (just saying) Wink 😉
---
### Author:  [@kyleheney](https://community.glideapps.com/u/kyleheney)
#### Post date: [December 17, 2020, 11:15am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/5 "2020-12-17T11:15:40Z")
Same is true for Tags. If a tag is empty, there is still an ugly placeholder for it that changes the size of the card.
---
### Author:  [@Drearystate](https://community.glideapps.com/u/Drearystate)
#### Post date: [December 19, 2020, 5:15am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/6 "2020-12-19T05:15:13Z")
The good news is when the api column arrives you can use that image search to automatically fill in blank images with a if then column, if blank then api image otherwise use their image.
---
### Author:  [@Drearystate](https://community.glideapps.com/u/Drearystate)
#### Post date: [December 19, 2020, 5:18am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/7 "2020-12-19T05:18:33Z")
Robert you could plug that API directly into scripts right now actually and do it that way in the meantime.
---
### Author:  [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 19, 2020, 5:19am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/8 "2020-12-19T05:19:16Z")
Ya…I’m just using the generate image column for now—client is okay with it.
---
### Author:  [@Drearystate](https://community.glideapps.com/u/Drearystate)
#### Post date: [December 19, 2020, 5:20am UTC](https://community.glideapps.com/t/hide-card-image-if-empty/19976/9 "2020-12-19T05:20:47Z")
Oh…well…here’s a quick API call…
```
functionGetAPI(){
var response =
UrlFetchApp.fetch("https://www.thecocktaildb.com/api/json/v1/1/randomselection.php")
Logger.log(response.getContentText());
var fact = response.getContentText();
var spreadsheet = SpreadsheetApp.getActive();
spreadsheet.getRange('A5').activate();
spreadsheet.setActiveSheet(spreadsheet.getSheetByName('Sheet1'), true);
spreadsheet.getRange(spreadsheet.getLastRow() + 1,1).setValue([fact]);
}
```
Then you would just have to get the info from the call like this
```
function callDrink() {
var response = UrlFetchApp.fetch("https://www.thecocktaildb.com/api/json/v1/1/filter.php?
a=Alcoholic");
// Parse the JSON reply
var json = response.getContentText();
var data = JSON.parse(json);
Logger.log(data);
Logger.log(data["results"]);
Logger.log(data["results"][0]);
Logger.log(data["results"][0]["artistName"]);
Logger.log(data["results"][0]["collectionName"]);
Logger.log(data["results"][0]["artworkUrl60"]);
Logger.log(data["results"][0]["previewUrl"]);
}
```
This one listed doesn’t actually work with this url i was just copying and pasting from my scripts real quick.