# Auto scale inframe

**URL:** <https://discourse.nodered.org/t/auto-scale-inframe/28192>\
**Category:** General\
**Created:** [11 June 2020 17:38 UTC](https://discourse.nodered.org/t/auto-scale-inframe/28192 "2020-06-11T17:38:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@nick](https://discourse.nodered.org/u/nick)\
**Post date:** [11 June 2020 17:38 UTC](https://discourse.nodered.org/t/auto-scale-inframe/28192/1 "2020-06-11T17:38:26Z")

</div>

Hi All,  
i have made a infrime with the tamplate node.  
in this inframe i want to show a webpage, for example [nodred.org](http://nodred.org).  
So far it all works.  
Now i want to auto scale the webpage to the size of my frame, can sombody exlpane me how to do this?

```auto
[
    {
        "id": "10ca8011.1a575",
        "type": "inject",
        "z": "59e2bf8a.d0a8f",
        "name": "",
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "x": 180,
        "y": 200,
        "wires": [
            [
                "9eff7c58.f1181"
            ]
        ]
    },
    {
        "id": "9eff7c58.f1181",
        "type": "ui_template",
        "z": "59e2bf8a.d0a8f",
        "group": "fedad5bb.7e8f58",
        "name": "www",
        "order": 0,
        "width": 0,
        "height": 0,
        "format": "<iframe style=\"width:1200px; height:820px;\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"http://nodered.org\"></iframe>\n",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": false,
        "templateScope": "local",
        "x": 430,
        "y": 200,
        "wires": [
            []
        ]
    },
    {
        "id": "fedad5bb.7e8f58",
        "type": "ui_group",
        "z": "",
        "name": "Group 1",
        "tab": "d08e61f2.eb1b",
        "order": 1,
        "disp": true,
        "width": "23",
        "collapse": false
    },
    {
        "id": "d08e61f2.eb1b",
        "type": "ui_tab",
        "z": "",
        "name": "Test",
        "icon": "dashboard",
        "order": 2,
        "disabled": false,
        "hidden": false
    }
]

```

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [11 June 2020 22:06 UTC](https://discourse.nodered.org/t/auto-scale-inframe/28192/2 "2020-06-11T22:06:47Z")

</div>

Not really a node-red question. You'd likely have better luck on stackoverflow.

> <https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe>

---

<div class="post-metadata">

**Author:** ![nick](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@nick](https://discourse.nodered.org/u/nick)\
**Post date:** [12 June 2020 15:59 UTC](https://discourse.nodered.org/t/auto-scale-inframe/28192/3 "2020-06-12T15:59:54Z")

</div>

thank you for your replay, i will have a look at it

---

<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:** [11 August 2020 15:59 UTC](https://discourse.nodered.org/t/auto-scale-inframe/28192/4 "2020-08-11T15:59:58Z")

</div>

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