# Some guidence request

**URL:** <https://discourse.nodered.org/t/some-guidence-request/14112>\
**Category:** Dashboard\
**Created:** [7 August 2019 17:46 UTC](https://discourse.nodered.org/t/some-guidence-request/14112 "2019-08-07T17:46:49Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![dirk.schmeckthal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dirk.schmeckthal/32/10735_2.png) [@dirk.schmeckthal](https://discourse.nodered.org/u/dirk.schmeckthal)\
**Post date:** [7 August 2019 17:46 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/1 "2019-08-07T17:46:49Z")

</div>

I have to create a dashboard which resembles the solutions we used since 2011.  
I ditched Win IOT and started to learn how to use Node.Red on Windows and Raspberry.  
I have a huge learning curve, but somehow i don't get the part how to design my interface (dashboard).  
How to arrange visible elements?

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [7 August 2019 18:35 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/2 "2019-08-07T18:35:39Z")

</div>

Perhaps [watch some tutorials](https://www.youtube.com/watch?v=e70ta8jI_nM) ?

---

<div class="post-metadata">

**Author:** ![dirk.schmeckthal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dirk.schmeckthal/32/10735_2.png) [@dirk.schmeckthal](https://discourse.nodered.org/u/dirk.schmeckthal)\
**Post date:** [7 August 2019 18:49 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/3 "2019-08-07T18:49:56Z")

</div>

Thanks, but telling me to watch basics does not help.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [7 August 2019 18:52 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/4 "2019-08-07T18:52:21Z")

</div>

It doesn't ?  
So what is your problem exactly ?

---

<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:** [7 August 2019 19:07 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/5 "2019-08-07T19:07:26Z")

</div>

The videos on node-red dashboard give you an excellent start.

If you don't want to spend 20 mins watching a couple to give you a head start you could search this forum, use the [Flows](https://flows.nodered.org/?term=dashboard&type=flow&num_pages=1) or just give it a go by dropping elements onto your flow and reading the excellent built in help on each node.

[This](https://search.app.goo.gl/p7ffyjL) will give you an idea of what you can achieve

---

<div class="post-metadata">

**Author:** ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)\
**Post date:** [7 August 2019 19:25 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/6 "2019-08-07T19:25:55Z")

</div>

> [@dirk.schmeckthal](#):
>
> How to arrange visible elements?

When you say arranging elements, do you mean something like this?

> [@Something for Friday afternoon - Dashboard Layout editor](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957):
>
> Thanks to our friends at Hitachi a contribution to add a layout editor to the Dashboard has now been merged into master on github - as 2.16.0-beta. Currently this adds a new layout button to each tab layer in the Dashboard sidebar [image] Clicking it will open the new layout editor that will let you move things around within it more easily (I hope). If items are "unlocked" - icon top right of each widget - then they are in Auto size mode as normal - if you lock them then the bottom …

---

<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:** [7 August 2019 19:45 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/7 "2019-08-07T19:45:06Z")

</div>

Is that available now?

---

<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:** [7 August 2019 21:04 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/8 "2019-08-07T21:04:06Z")

</div>

Yes as per that post.

---

<div class="post-metadata">

**Author:** ![dirk.schmeckthal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dirk.schmeckthal/32/10735_2.png) [@dirk.schmeckthal](https://discourse.nodered.org/u/dirk.schmeckthal)\
**Post date:** [7 August 2019 21:52 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/9 "2019-08-07T21:52:46Z")

</div>

Good tip,

---

<div class="post-metadata">

**Author:** ![dirk.schmeckthal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dirk.schmeckthal/32/10735_2.png) [@dirk.schmeckthal](https://discourse.nodered.org/u/dirk.schmeckthal)\
**Post date:** [7 August 2019 22:02 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/10 "2019-08-07T22:02:05Z")

</div>

I don't understand how to build the interface like er hsve now.  
All tools i used before had better interface creation.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [7 August 2019 22:07 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/11 "2019-08-07T22:07:03Z")

</div>

It is all open source, so you can provide pull requests with your improvements, which will benefit everyone. Thanks in advance.

Or just explain in normal terms what you are looking for, perhaps some examples etc.

---

<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:** [7 August 2019 22:11 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/12 "2019-08-07T22:11:41Z")

</div>

Hi @dirk.schmeckthal

I think it would help if you described a bit more about what you want to do. You started with some questions about how to use the dashboard and @bakman2 pointed you at quite a good introductory tutorial on using the dashboard. But you didn't seem to appreciate that help.

So what type of help, specifically, are you looking for if it isn't a guide to using the dashboard?

---

<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:** [7 August 2019 22:12 UTC](https://discourse.nodered.org/t/some-guidence-request/14112/13 "2019-08-07T22:12:06Z")

</div>

> to install from master - it is a manual job - `cd ~/.node-red && npm i node-red/node-red-dashboard`

Oopsy, Missed that bit. 😀