# Visibility of editor status display

**URL:** <https://discourse.nodered.org/t/visibility-of-editor-status-display/87996>\
**Category:** General\
**Tags:** editor\
**Created:** [15 May 2024 23:05 UTC](https://discourse.nodered.org/t/visibility-of-editor-status-display/87996 "2024-05-15T23:05:49Z")\
**Posts on this page:** 4\
**Page:** 1

<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:** [15 May 2024 23:05 UTC](https://discourse.nodered.org/t/visibility-of-editor-status-display/87996/1 "2024-05-15T23:05:49Z")

</div>

Node statuses can be obscured by other nodes:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/d/6dc5c2ea17ecb9a831776d7a40f995c58de630b2.png)

I would like to be able to move the status in front of other nodes on a semi-opaque background, like this:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e53647b86b99d3723ac147ff06a646f344f3f8a1.png)

I feel it ought to be fairly simple with CSS but z-index and overlay settings seem to make no difference.

Does anyone know how to do this?

---

<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:** [16 May 2024 08:58 UTC](https://discourse.nodered.org/t/visibility-of-editor-status-display/87996/2 "2024-05-16T08:58:32Z")

</div>

It seems that the z-index of dashboard widgets (SVG) is based on the order they were added to the flow.  
Here debug 16 was added to the flow after debug 15

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

So a work-around seems to be add debugs from the bottom of the editor screen upwards.

---

<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:** [16 May 2024 09:15 UTC](https://discourse.nodered.org/t/visibility-of-editor-status-display/87996/3 "2024-05-16T09:15:07Z")

</div>

Indeed - the status text is 'attached' to the node svg element - so its z-order will depend on the node's order in the workspace.

You can 'raise' or 'lower' nodes if you want via the action menu (Ctl-Shift-P)

- Move Selection Forwards
- Move Selection To Front
- Move Selection Backwards
- Move Selection To Back

---

<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:** [30 May 2024 09:15 UTC](https://discourse.nodered.org/t/visibility-of-editor-status-display/87996/4 "2024-05-30T09:15:42Z")

</div>

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