---
title: "Media Types | Features"
description: "ZingGrid has defined column types for iframes and images which you can use to customize your grids. Accepted media types include: Images, Gifs, Video, etc."
url: https://www.zinggrid.com/docs/features/media-types
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/features/media-types.md
mode: provenance
representation: markdown
origin_response_id: b67d6e924da31f5aa8740b04d9db3014
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.696Z
version_nonce: bdb38c88df775472dcf006ef6691b7ad
generated_at_utc: 2026-10-21T23:40:00.893Z
response_nonce: ca50677f30c54760080a51dec2fce108
```

# Media Types

ZingGrid has defined `iframe` and `image` column types which you can use to customize your grids with various media content.

## Images

Use the `image` column type to display images in grids, like so:

```html
<zg-column index="imageUrl" type="image"></zg-column>
```

### Images in Columns Grid
Here is a complete grid that displays data in the form of cute images of cats:

[Example code](https://app.zingsoft.com/demos/embed/DH25KQ1Q)

## GIFs

You can also use the `image` column type to display GIFs in grids.

### GIFs in Columns Grid
Here is a complete grid that displays data in the form of cat GIFs:

[Example code](https://app.zingsoft.com/demos/embed/PG6KJ7AR)

## Video

Use `[index="videoUrl"]` with the `iframe` column type to display videos in grids, like so:

```html
<zg-column index="videoUrl" type="iframe" alt="missing iframe"></zg-column>
```

### Videos in Columns Grid
Here is a complete grid that displays data in the form of embedded videos:

[Example code](https://app.zingsoft.com/demos/embed/RRWO8DAL)

## Google Maps

Use `[index="map"]` with the `iframe` type to display maps in your grids, like so:

```html
<zg-column index="map" type="iframe"></zg-column>
```

### Google Maps in Columns Grid:
Here is a complete grid that displays data in the form of maps embedded from Google Maps:

[Example code](https://app.zingsoft.com/demos/embed/VAEQ1JRH)

## Many More!

The `iframe` and `image` column types offer a lot of flexibility for your grids. If you don't see your preferred media genre here, let us know and we'll add an example for you!

## Related Resources
Here are some extra resources related to this feature to help with creating your grid:

* [Data Types Documentation](https://www.zinggrid.com/docs/data-types)