# Show WebPage on Dashboard

**URL:** <https://discourse.nodered.org/t/show-webpage-on-dashboard/87832>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, function-node\
**Created:** [9 May 2024 09:08 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832 "2024-05-09T09:08:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![bk1989](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bk1989/32/2826_2.png) [@bk1989](https://discourse.nodered.org/u/bk1989)\
**Post date:** [9 May 2024 09:08 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/1 "2024-05-09T09:08:25Z")

</div>

I'm trying to show a web page on my dashboard for additional information. For testing I tried to show "[https://duckduckgo.com/](https://duckduckgo.com/)". But on the dashboard all I see is a error message stating: duckduckgo refused to connect. I used a template node and iframe to show the message. The complete flow is posted here. What am I doing wrong?

```auto
[{"id":"afc87756.fa10b8","type":"ui_template","z":"02569741c45c41a4","group":"d08e9520.258a68","name":"www","order":0,"width":0,"height":0,"format":"<iframe style=\"width:558px; height:400px;\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://duckduckgo.com\"></iframe>\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","className":"","x":810,"y":700,"wires":[["51d093821ca63304"]]},{"id":"d08e9520.258a68","type":"ui_group","name":"www","tab":"c36f57c4.301058","order":1,"disp":false,"width":"35"},{"id":"c36f57c4.301058","type":"ui_tab","name":"Button Panel","icon":"dashboard"}]

```

---

<div class="post-metadata">

**Author:** ![nileio](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nileio/32/9444_2.png) [@nileio](https://discourse.nodered.org/u/nileio)\
**Post date:** [9 May 2024 09:17 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/2 "2024-05-09T09:17:37Z")

</div>

most probably this error occurs because you using an SSL (that is secure) website as `src`, and Node-RED is not using a certificate - so try replacing with an http URL instead example `http://neverssl.com/`, if you want to use iframe with a secure connection , you would need node-red server secured

---

<div class="post-metadata">

**Author:** ![bk1989](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bk1989/32/2826_2.png) [@bk1989](https://discourse.nodered.org/u/bk1989)\
**Post date:** [9 May 2024 09:30 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/3 "2024-05-09T09:30:48Z")

</div>

Thanks for this input. [http://neverssl.com/](http://neverssl.com/) worked with iframe. So is there an other way to display a secure page on the dashboard?

---

<div class="post-metadata">

**Author:** ![nileio](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nileio/32/9444_2.png) [@nileio](https://discourse.nodered.org/u/nileio)\
**Post date:** [9 May 2024 09:37 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/4 "2024-05-09T09:37:51Z")

</div>

you would need to have node-red secured with a certificate, etc. - so rather than [http://localhost](http://localhost) , it should be [https://localhost](https://localhost) - now this is a different discussion.. follow the docs to have a secure node-red server and try with a self-signed certificate then see if this works..

---

<div class="post-metadata">

**Author:** ![nileio](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/nileio/32/9444_2.png) [@nileio](https://discourse.nodered.org/u/nileio)\
**Post date:** [9 May 2024 09:39 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/5 "2024-05-09T09:39:55Z")

</div>

check the link [Securing Node-RED : Node-RED](https://nodered.org/docs/user-guide/runtime/securing-node-red)  
under **Enabling HTTPS Access**

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [9 May 2024 19:49 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/6 "2024-05-09T19:49:05Z")

</div>

> [@bk1989](#):
>
> [http://neverssl.com/](http://neverssl.com/)

Really NOT a good idea, the pages are secure for a reason. 🙂

The forum has lots of info on securing Node-RED and you can run a proxy instead of messing with Node-RED if you want to - just let the proxy deal with the TLS part.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [8 June 2024 19:49 UTC](https://discourse.nodered.org/t/show-webpage-on-dashboard/87832/7 "2024-06-08T19:49:29Z")

</div>

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