# Embed air table iframe, in web viewer

**URL:** <https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200>\
**Category:** Questions about Thunkable X\
**Created:** [May 12, 2019, 2:30pm UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200 "2019-05-12T14:30:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vincent\_Schollenberg](https://avatars.discourse-cdn.com/v4/letter/v/e79b87/32.png) [@Vincent\_Schollenberg](https://community.thunkable.com/u/Vincent_Schollenberg)\
**Post date:** [May 12, 2019, 2:30pm UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200/1 "2019-05-12T14:30:17Z")

</div>

I would like to embed the following iframe

I have the actual src, it is not actually \*'s

I have tried using

data:text/html,\<meta charset=“utf-8”\> \<meta name=“viewport” content=“width=device-width, initial-scale=1.0”/\>

and html doctype, the webviewer ends up being blank. Hopefully someone can help me out.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 12, 2019, 4:49pm UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200/2 "2019-05-12T16:49:59Z")

</div>

What do you need a `<iframe>` for? Now most web servers are configured to block the display of web pages in frames. If you want to output html to WebViewer, you need this:

`data:text/html,<meta charset = "utf-8"> <meta name = "viewport" content = "width = device-width, initial-scale = 1.0" /> <div>This<b>is</ b>a<span style = "color: blue">html</ span><br> label! </ div>`

Does this block work for you?

 ![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/9/b99702c64e7bf72aa7dae3427fbc403643d56f7e.png)

---

<div class="post-metadata">

**Author:** ![Vincent\_Schollenberg](https://avatars.discourse-cdn.com/v4/letter/v/e79b87/32.png) [@Vincent\_Schollenberg](https://community.thunkable.com/u/Vincent_Schollenberg)\
**Post date:** [May 12, 2019, 9:48pm UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200/3 "2019-05-12T21:48:34Z")

</div>

It is an iframe from airtable, to embed a specific sheet. It will work with just a simple url, however when loading, the web viewer component will flash another color, before the sheet is displayed on screen. I am trying to load the sheet, and change the web viewers background color simultaneously, to avoid the traps background color changes. I was under the impression loading the sheet as an iframe would allow this.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 13, 2019, 7:07am UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200/4 "2019-05-13T07:07:51Z")

</div>

In iframe style, specify background: transparent

---

<div class="post-metadata">

**Author:** ![bbob52645k](https://avatars.discourse-cdn.com/v4/letter/b/48db29/32.png) [@bbob52645k](https://community.thunkable.com/u/bbob52645k)\
**Post date:** [February 10, 2020, 8:16pm UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200/5 "2020-02-10T20:16:38Z")

</div>

HOw can I embed this?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:41am UTC](https://community.thunkable.com/t/embed-air-table-iframe-in-web-viewer/76200/6 "2024-11-08T11:41:02Z")

</div>