# Title placement by UI template

**URL:** <https://discourse.nodered.org/t/title-placement-by-ui-template/29276>\
**Category:** Dashboard\
**Created:** [1 July 2020 02:12 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276 "2020-07-01T02:12:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)\
**Post date:** [1 July 2020 02:12 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276/1 "2020-07-01T02:12:05Z")

</div>

![Captura de Tela (278)_LI](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/2/527b273dd0ced56db4ea99709c33a2808f637a23.jpeg)  
Well, I developed an application on the node-RED dasboard. I used dashboard nodes to build the graphs.

Well, in my case I left the menu table hidden, which prevents me from entering a title through the dashboard settings.

I want to do the following: through a ui\_template I want to place a title written "Sistema de monitoramento do MSR" in the center of the top menu, as seen in the image.

But it's all new and I don't know anything about html programming or anything. Could someone show me a few lines of code for me to do this? I would be grateful.

---

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [1 July 2020 04:42 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276/2 "2020-07-01T04:42:14Z")

</div>

A few CSS lines in a ui\_template node can do it.

Out of curiosity, what does MSR stand for ?

![a-5](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/4/d4232c436808f7293a18a3d3c2f610a787b104ef.png)

```auto
[{"id":"bf94b83a.8c3908","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"d86857c5.9e04c8","type":"ui_template","z":"bf94b83a.8c3908","group":"aa4868b6.599898","name":"","order":2,"width":"7","height":"1","format":"<style>\n.md-toolbar-tools::after { \n content: \"Sistema de monitoramento do MSR\";\n margin-left: 40%;\n color: yellow;\n font-weight: bold;\n}\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":500,"y":240,"wires":[[]]},{"id":"e3cbdc20.4ab2","type":"ui_text","z":"bf94b83a.8c3908","group":"aa4868b6.599898","order":3,"width":0,"height":0,"name":"","label":"Testing","format":"{{msg.payload}}","layout":"row-spread","x":500,"y":300,"wires":[]},{"id":"aa4868b6.599898","type":"ui_group","z":"","name":"Teste","tab":"776d0de9.7cd054","order":1,"disp":false,"width":"10","collapse":false},{"id":"776d0de9.7cd054","type":"ui_tab","z":"","name":"LAB","icon":"dashboard","order":15}]

```

 ![a-4](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/3/b31a2ce54b9dc4f330e5ced4807cfbe99850311c.png)

---

<div class="post-metadata">

**Author:** ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)\
**Post date:** [1 July 2020 13:27 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276/3 "2020-07-01T13:27:59Z")

</div>

First thanks for the help.

MSR is short for Remote Sensor Module (In Portuguese Módulo Sensor Remoto - MSR).

This is the name given to the research project I develop. Through the MQTT protocol I connect a microcontroller to my application, thus allowing the sensing of variables and the activation of loads at a distance. As the name says, the microntroller is found in a module, with all the power circuitry and equivalence of electrical levels already developed.

I ended up finding Node-RED by chance and it ended up being the ideal tool for my application.

But I have a lot to learn. I'm in high school so a lot of what I see is still new.

---

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [1 July 2020 13:41 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276/4 "2020-07-01T13:41:47Z")

</div>

> [@Joaovitor](#):
>
> ended up being the ideal tool for my application.

WIse choice. Your academic work will shine. I would be happy to help if you need some other help. I like teaching and work as consultant for a Brazilian company that develops technology similar to the one you are studying.

---

<div class="post-metadata">

**Author:** ![Joaovitor](https://avatars.discourse-cdn.com/v4/letter/j/3ab097/32.png) [@Joaovitor](https://discourse.nodered.org/u/Joaovitor)\
**Post date:** [2 July 2020 01:41 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276/5 "2020-07-02T01:41:42Z")

</div>

I often say that the project is a baby crawling.

There are countless things to be done to make the system useful and effective. More doubts will arise. But the node-RED community is extremely helpful, everyone helps and exchanges information.

This is one of the points for which I will insist on using the tool. Wait for me hahaha!

---

<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:** [16 July 2020 01:41 UTC](https://discourse.nodered.org/t/title-placement-by-ui-template/29276/6 "2020-07-16T01:41:43Z")

</div>

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