# Add only a Label to Node red UI

**URL:** <https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762>\
**Category:** Dashboard\
**Created:** [20 August 2020 08:12 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762 "2020-08-20T08:12:30Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![makram](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@makram](https://discourse.nodered.org/u/makram)\
**Post date:** [20 August 2020 08:12 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/1 "2020-08-20T08:12:30Z")

</div>

How can i add only a label to my UI not text box.  
I just want to add a label.  
Is there any other tool for it?

---

<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:** [20 August 2020 08:20 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/2 "2020-08-20T08:20:08Z")

</div>

Use the `ui_text` node

---

<div class="post-metadata">

**Author:** ![makram](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@makram](https://discourse.nodered.org/u/makram)\
**Post date:** [20 August 2020 08:24 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/3 "2020-08-20T08:24:08Z")

</div>

I'm using a text node but it has both label and text and i only want to have a label  
like a string on a UI

---

<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:** [20 August 2020 08:33 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/4 "2020-08-20T08:33:48Z")

</div>

> [@makram](#):
>
> I'm using a text node but it has both label and text and i only want to have a label

You don't have to give to both. If you just want a label, just set the label.

---

<div class="post-metadata">

**Author:** ![makram](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@makram](https://discourse.nodered.org/u/makram)\
**Post date:** [20 August 2020 08:40 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/5 "2020-08-20T08:40:03Z")

</div>

![nodeee](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/8/d8d42610614663dc54ca4871096a9658c3e99df7.png)  
can you please help me in how to set it to label only.

---

<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:** [20 August 2020 08:41 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/6 "2020-08-20T08:41:26Z")

</div>

Is that not working? Provided you do not send it a message then it should just show Status. If it is not doing that then show us what it is doing.

---

<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:** [20 August 2020 08:43 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/7 "2020-08-20T08:43:22Z")

</div>

Delete the value format box so you don't set a value. Then put the label you want in the label box.

Then pick which layout you want, knowing the value part will be blank.

---

<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:** [20 August 2020 08:46 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/8 "2020-08-20T08:46:07Z")

</div>

> [@knolleary](#):
>
> Delete the value format box so you don't set a value.

Provided you do not send it a message (which would be pointless anyway) then I would have expected that doesn't matter what you have in the Value Format field.

---

<div class="post-metadata">

**Author:** ![makram](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@makram](https://discourse.nodered.org/u/makram)\
**Post date:** [20 August 2020 08:47 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/9 "2020-08-20T08:47:34Z")

</div>

I want nothing in value i just want to add few string somewhere in my ui .  
if there is any other alternative then please share

---

<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:** [20 August 2020 08:50 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/10 "2020-08-20T08:50:48Z")

</div>

> [@makram](#):
>
> if there is any other alternative then please share

Why do you want an alternative to the solution we have provided?

The `ui_text` node is exactly what you want.

---

<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:** [20 August 2020 08:51 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/11 "2020-08-20T08:51:19Z")

</div>

You have not said why one of the solutions suggested is not working, or shown us what you get with your existing attempt.

---

<div class="post-metadata">

**Author:** ![makram](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@makram](https://discourse.nodered.org/u/makram)\
**Post date:** [20 August 2020 08:59 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/12 "2020-08-20T08:59:36Z")

</div>

its working but i m not getting how to disable the value format box

---

<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:** [20 August 2020 09:10 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/13 "2020-08-20T09:10:08Z")

</div>

Either empty it in the node config, or don't send it a message (there is no point sending it a message anyway). If that doesn't do it then post a screenshot of what you are getting and explain what is wrong with it.

---

<div class="post-metadata">

**Author:** ![makram](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@makram](https://discourse.nodered.org/u/makram)\
**Post date:** [20 August 2020 10:01 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/14 "2020-08-20T10:01:54Z")

</div>

Thanks got it

---

<div class="post-metadata">

**Author:** ![parasaurolophus](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/parasaurolophus/32/18729_2.png) [@parasaurolophus](https://discourse.nodered.org/u/parasaurolophus)\
**Post date:** [24 August 2020 11:27 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/15 "2020-08-24T11:27:17Z")

</div>

Though the OP appears satisfied by the given approach, and it is undoubtedly the best one for basic use cases, no-one mentioned any alternative approaches for less basic use cases.

For completeness, and for others who might stumble on this thread looking for ways to create more sophisticated kinds of "labels," the more general solution to the original question would be to use a ui\_template node. You can then use the full range of HTML, CSS and Angular mechanisms supported by node-red-dashboard to control the look and feel of your "label."

Here is an example for the content of an ui\_template to replicate the default look of a left-aligned ui\_text box with a label and no value and with some explicit font styling thrown in:

```auto
<div style="margin:auto;width:100%">My <span style="font-style:italic;">Fancy</span> Label</div>

```

This is obviously over-kill for the basic use case addressed above but opens up the possibility for finer control over the final appearance of such "labels."

---

<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:** [7 September 2020 11:27 UTC](https://discourse.nodered.org/t/add-only-a-label-to-node-red-ui/31762/16 "2020-09-07T11:27:25Z")

</div>

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