# Html web view showing code

**URL:** <https://forum.adalo.com/t/html-web-view-showing-code/30393>\
**Category:** Get Help\
**Created:** [August 4, 2022, 9:37pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393 "2022-08-04T21:37:18Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![chimejoseph](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@chimejoseph](https://forum.adalo.com/u/chimejoseph)\
**Post date:** [August 4, 2022, 9:37pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/1 "2022-08-04T21:37:18Z")

</div>

![1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/2/e/2e7e54b809bed3a6092d8188c18fae0674c6f300.jpeg)  
my html web view is showing the code instead of the web view. How can I fix that

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 4, 2022, 9:50pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/2 "2022-08-04T21:50:20Z")

</div>

Hi @chimejoseph,

Can you share the code with us? And can you share a screenshot of how you added this?

Thank you

---

<div class="post-metadata">

**Author:** ![chimejoseph](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@chimejoseph](https://forum.adalo.com/u/chimejoseph)\
**Post date:** [August 5, 2022, 8:57pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/3 "2022-08-05T20:57:20Z")

</div>

```auto
<div id="wg-api-football-games"
     data-host="api-football-v1.p.rapidapi.com"
     data-key="b1e2f166b6msh1e0d2c4a6f36d66p12aa4cjsn03c223a20204"
     data-date=""
     data-league=""
     data-season=""
     data-theme=""
     data-refresh="15"
     data-show-toolbar="true"
     data-show-errors="false"
     data-show-logos="true"
     data-modal-game="true"
     data-modal-standings="true"
     data-modal-show-logos="true">
</div>
<script
    type="module"
    src="https://widgets.api-sports.io/2.0.3/widgets.js">
</script>

```

 ![1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/4/748065f72ff36664c3f9396625344cb334c4f133.jpeg)

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 5, 2022, 10:01pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/4 "2022-08-05T22:01:56Z")

</div>

From where did you copy this code? Does it display if you encode this code and then paste it? Some things are missing in your code in the screenshot.

---

<div class="post-metadata">

**Author:** ![Victor](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/victor/32/2054_2.png) [@Victor](https://forum.adalo.com/u/Victor)\
**Post date:** [August 6, 2022, 10:26am UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/5 "2022-08-06T10:26:53Z")

</div>

Hey @chimejoseph,

Are you using Pragmaflow’s component?  
If yes, I assume @Mitch-Pragmaflow can advice here.

Best,  
Victor.

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 6, 2022, 12:35pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/6 "2022-08-06T12:35:35Z")

</div>

@chimejoseph in your screenshot I see some elements are missing in the code. Can you encode this code and paste it and try? Also is it possible to share the place where you copied this code?

---

<div class="post-metadata">

**Author:** ![chimejoseph](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@chimejoseph](https://forum.adalo.com/u/chimejoseph)\
**Post date:** [August 8, 2022, 5:39pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/7 "2022-08-08T17:39:45Z")

</div>

I copied the code form [API-Football - Widgets](https://www.api-football.com/widgets).  
The code is working very fine on W3school html but when I copied it to my adalo, it will just display the data for that moment after some second, it will show the source code

---

<div class="post-metadata">

**Author:** ![chimejoseph](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@chimejoseph](https://forum.adalo.com/u/chimejoseph)\
**Post date:** [August 8, 2022, 5:40pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/8 "2022-08-08T17:40:39Z")

</div>

OK thank, I am using plagmaflow

---

<div class="post-metadata">

**Author:** ![Dilon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/dilon/32/39815_2.png) [@Dilon](https://forum.adalo.com/u/Dilon)\
**Post date:** [August 8, 2022, 5:56pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/9 "2022-08-08T17:56:07Z")

</div>

@chimejoseph I got the result!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/e/3/e31e0bdc796c862252e59e1e3946fd1b4f007288.png)

Try this!

Paste this encoded code on the better web-view component!

`%3Cdiv%20id%3D%22wg-api-football-games%22%0A%20%20%20%20%20data-host%3D%22api-football-v1.p.rapidapi.com%22%0A%20%20%20%20%20data-key%3D%22apikey%22%0A%20%20%20%20%20data-date%3D%22%22%0A%20%20%20%20%20data-league%3D%22%22%0A%20%20%20%20%20data-season%3D%22%22%0A%20%20%20%20%20data-theme%3D%22%22%0A%20%20%20%20%20data-refresh%3D%2215%22%0A%20%20%20%20%20data-show-toolbar%3D%22true%22%0A%20%20%20%20%20data-show-errors%3D%22false%22%0A%20%20%20%20%20data-show-logos%3D%22true%22%0A%20%20%20%20%20data-modal-game%3D%22true%22%0A%20%20%20%20%20data-modal-standings%3D%22true%22%0A%20%20%20%20%20data-modal-show-logos%3D%22true%22%3E%0A%3C%2Fdiv%3E%0A%3Cscript%0A%20%20%20%20type%3D%22module%22%0A%20%20%20%20src%3D%22https%3A%2F%2Fwidgets.api-sports.io%2F2.0.3%2Fwidgets.js%22%3E%0A%3C%2Fscript%3E`

And then after pasting add your API key on the apikey text! :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/7/f/7f9d7b9982edc645c464a9e05221900314d48b56.png)

And then try again!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [August 18, 2022, 5:56pm UTC](https://forum.adalo.com/t/html-web-view-showing-code/30393/10 "2022-08-18T17:56:47Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.