# In node-red dashboard how

**URL:** <https://discourse.nodered.org/t/in-node-red-dashboard-how/7221>\
**Category:** General\
**Created:** [24 January 2019 20:48 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221 "2019-01-24T20:48:44Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![VIKRAMAS](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vikramas/32/3955_2.png) [@VIKRAMAS](https://discourse.nodered.org/u/VIKRAMAS)\
**Post date:** [24 January 2019 20:48 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/1 "2019-01-24T20:48:44Z")

</div>

In node red how to increase the size of map. I am using the example Map in Dashboard from node-red palette. In template I tried to increase the size using `<div style="width:100px" ng-bind-html="msg.payload | trusted"></div>`.

 ![map](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/d/d7cc1db34ea0a82c5877685225918a522db82c7e.png)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [24 January 2019 20:52 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/2 "2019-01-24T20:52:03Z")

</div>

The map is inserted in a `ui_template` node. Edit that node and change its size to whatever you want. You will find it's width will be limited by the Group node it is in - so you may need to edit the Group node first to increase its size.

---

<div class="post-metadata">

**Author:** ![VIKRAMAS](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vikramas/32/3955_2.png) [@VIKRAMAS](https://discourse.nodered.org/u/VIKRAMAS)\
**Post date:** [24 January 2019 21:06 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/3 "2019-01-24T21:06:53Z")

</div>

Now it is filling half. Group node width I changed to 27 by slider. And there are two `ui_template` are there so, I changed `<iframe src="../worldmap" height=500px width=100% ></iframe>` and `<div width="500px" ng-bind-html="msg.payload | trusted"></div>`

 ![map](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/d/d77f298df3735a89ba2da34ec1cafc6b6869cc5f.png) ![flow](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/0/09431b41bffd7e01848bc92e892c419160a7e3e3.png)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [24 January 2019 21:27 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/4 "2019-01-24T21:27:26Z")

</div>

well the `div width="500px"` may well be limiting it - try changing that to 1000px

---

<div class="post-metadata">

**Author:** ![VIKRAMAS](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vikramas/32/3955_2.png) [@VIKRAMAS](https://discourse.nodered.org/u/VIKRAMAS)\
**Post date:** [25 January 2019 07:01 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/5 "2019-01-25T07:01:20Z")

</div>

Yeah I tried doing 1000px but the width is not changing is there any example for this.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [25 January 2019 07:16 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/6 "2019-01-25T07:16:22Z")

</div>

What have you got for the size of the node itself? That's in the node config, not the template text.

---

<div class="post-metadata">

**Author:** ![VIKRAMAS](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/vikramas/32/3955_2.png) [@VIKRAMAS](https://discourse.nodered.org/u/VIKRAMAS)\
**Post date:** [25 January 2019 20:01 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/7 "2019-01-25T20:01:05Z")

</div>

so how can i increase to full width

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [25 January 2019 22:04 UTC](https://discourse.nodered.org/t/in-node-red-dashboard-how/7221/8 "2019-01-25T22:04:22Z")

</div>

You have not told us what you have at the moment for the node size in the node config. You can increase it in the node config.