# I'm missing the Class field in my dashboard nodes

**URL:** <https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694>\
**Category:** Dashboard\
**Created:** [3 May 2024 18:12 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694 "2024-05-03T18:12:29Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [3 May 2024 18:12 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/1 "2024-05-03T18:12:29Z")

</div>

What I have:

 ![Screenshot 2024-05-03 234113](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/5/25a055e1a12121295cb9987bd766d032eacf39b7.png)

What I want:

 ![Screenshot 2024-05-03 233956](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/f/5fc9db2cf972dcaabbe1f2a68464fee12b5110d3.png)  
notice the Class field is missing.

also, the dark/custom theme doesn't work for me (might be unrelated but just mentioning it)

other than the 'CSS' part, the node-red installation is working fine, I tried a serial reader, to integrate it with an arduino.

I'm new, this might be a dumb fix

---

<div class="post-metadata">

**Author:** ![homeplayer](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/homeplayer/32/12388_2.png) [@homeplayer](https://discourse.nodered.org/u/homeplayer)\
**Post date:** [3 May 2024 18:32 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/2 "2024-05-03T18:32:49Z")

</div>

> [@samyak5](#):
>
> also, the dark/custom theme doesn't work for me (might be unrelated but just mentioning it)

**Installation of the themes**

Install via the Palette Manager

Search for @node-red-contrib-themes/theme-collection

Install with npm

Run the following command from within the Node-RED user data directory (by default, `$HOME/.node-red`).

npm install @node-red-contrib-themes/theme-collection

> [@samyak5](#):
>
> What I have: [here](https://imgur.com/a/SQU7MCv)

Click the pencil on the right side of input field

---

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [3 May 2024 18:53 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/3 "2024-05-03T18:53:35Z")

</div>

> Click the pencil on the right side of input field

I added a new tab and group, there still isn't a CSS field.

The theme works now, though. Thanks!

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [3 May 2024 19:03 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/4 "2024-05-03T19:03:39Z")

</div>

What version of Node-red do you have?

I think the Class field was introduced for v3.0

---

<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:** [3 May 2024 19:10 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/5 "2024-05-03T19:10:22Z")

</div>

> [@samyak5](#):
>
> What I have: [here](https://imgur.com/a/SQU7MCv)  
> What I want: [here](https://imgur.com/a/HScvVQr)

Please paste images directly into the forum posts.

---

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [3 May 2024 19:17 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/6 "2024-05-03T19:17:04Z")

</div>

I should have the latest version, I just downloaded it.

I checked, it's v3.1.9  
node-js v22.1.0

---

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [3 May 2024 19:17 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/7 "2024-05-03T19:17:44Z")

</div>

> [@Steve-Mcl](#):
>
> Please paste images directly into the forum posts.

Sorry, I'll take care next time!

---

<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:** [3 May 2024 19:19 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/8 "2024-05-03T19:19:54Z")

</div>

Would be good if you could edit the post and paste your screenshots in directly 👼

---

<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:** [3 May 2024 19:20 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/9 "2024-05-03T19:20:51Z")

</div>

> [@samyak5](#):
>
> I checked, it's v3.1.9  
> node-js v22.1.0

We need the dashboard version - look in the palette manager (where you install dashboard nodes)

---

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [4 May 2024 14:28 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/10 "2024-05-04T14:28:04Z")

</div>

> [@Steve-Mcl](#):
>
> We need the dashboard version - look in the palette manager (where you install dashboard nodes)

hi, the dashboard version is v1.0.2. I'm using dashboard-evi.

---

<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:** [4 May 2024 14:31 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/11 "2024-05-04T14:31:15Z")

</div>

> [@samyak5](#):
>
> the dashboard version is v1.0.2. I'm using dashboard-evi.

Then that is why you dont have "class" option.

TBH, not many people use that (most use node-red-dashboard and many are now using the successor @flofuse/node-red-dashboard AKA dashboard 2)

---

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [4 May 2024 14:38 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/12 "2024-05-04T14:38:13Z")

</div>

Ahh got it. I can now see the class thingy.

Thanks for your help!

> [@Steve-Mcl](#):
>
> TBH, not many people use that (most use node-red-dashboard and many are now using the successor @flofuse/node-red-dashboard AKA dashboard 2)

also, what's the dashboard 2? How is it better, and is it easier to use, being a beginner?

---

<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:** [4 May 2024 15:04 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/13 "2024-05-04T15:04:01Z")

</div>

Better in that it uses modern tooling and is being actively developed. It is based on Vue and vuetify.

Dashboard 1 is more mature but uses the now unsupported angularjs and is not being actively developed.

If you are beginner, it may be worth not learning the ins & outs of dashboard 1 and skip straight to dashboard 2

Dashboard 1 could very well be abandoned if any CVEs arise in the old unsupported underlying angularjs.

---

<div class="post-metadata">

**Author:** ![samyak5](https://avatars.discourse-cdn.com/v4/letter/s/67e7ee/32.png) [@samyak5](https://discourse.nodered.org/u/samyak5)\
**Post date:** [4 May 2024 15:23 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/14 "2024-05-04T15:23:20Z")

</div>

Alright, I'm now trying using the flofuse version. Thanks for your help!

---

<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:** [18 May 2024 15:23 UTC](https://discourse.nodered.org/t/im-missing-the-class-field-in-my-dashboard-nodes/87694/15 "2024-05-18T15:23:43Z")

</div>

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