Change color on icon

So far so good! I got other problems that I have worked with (Webradio), so tomorrow I will test simulator again.
I lost my dropdown menu on left side. The new one takes half mobile screen. Is it possible to get back dropdown menu??

Can you take a screenshot showing what you are seeing now and explain what it used to be like?

I think I know what the issue is here - I had the same problem when I updated the dashboard nodes some months ago.

Basically, the ratio of space for the drop down title (on the left) vs the actual menu text / selected item (on the right) has changed.

Now if your drop down title is even 2 short words, the 2nd word gets cut off (and there is way too much space allocated for the actual menu text).

For example:

In addition, the very right corner of the drop down arrow is cut off.

The problem is still there and now the icon does not change either.
Now you see the menu (in left) instead of earlier picture, where it was dropdown menu.
I would appreciate getting the "dropdown menu" back.
Anybody, suggestions ??

Ensure it is set to click to show menu in the dashboard config site sidebar

Can you provide your flow? Export the entire flow and paste it into a reply. In order to make code more readable and importable it is important to surround your code with three backticks
```
like this
```

You can edit and correct your post by clicking the pencil icon.

See this post for more details - How to share code or flow json

dceejay as you see in the picture I have lost the dashboard choice too !!
Here is the flow:

[{"id":"63163740.2d4508","type":"tab","label":"TESTBOARD","disabled":false,"info":""},{"id":"535a18ea.47f1f8","type":"ui_button","z":"63163740.2d4508","name":"","group":"89295a31.c00768","order":5,"width":"6","height":"3","passthru":false,"label":"","color":"{{color}}","bgcolor":"{{bgcolor}}","icon":"{{icon}}","payload":"","payloadType":"str","topic":"","x":750,"y":160,"wires":[[]]},{"id":"9c7f5b9e.f3e318","type":"function","z":"63163740.2d4508","name":"FixIconColor","func":"var k = msg.payload\nif (k===0) node.send({ui_control:{color:\"#FFFF00\",bgcolor:\"black\",icon:\"fa-4x fa-spinner fa-pulse\"}});\nif (k===1) node.send({ui_control:{color:\"#00FF00\",bgcolor:\"black\",icon:\"fa-4x fa-download\"}});\nif (k===2) node.send({ui_control:{color:\"#FF0000\",bgcolor:\"black\",icon:\"fa-4x fa-upload\"}});\nif (k===3) node.send({ui_control:{color:\"#FF0000\",bgcolor:\"black\",icon:\"fa-4x fa-exclamation-triangle\"}});\n\n/*  0=moving\n    1=closed\n    2=opened\n    3=error   */\nmsg.payload = k;\nreturn [null];","outputs":1,"noerr":0,"x":470,"y":160,"wires":[["535a18ea.47f1f8","f99ebc1b.60c9"]]},{"id":"d1362218.b5d5e","type":"ui_button","z":"63163740.2d4508","name":"","group":"89295a31.c00768","order":2,"width":0,"height":0,"passthru":false,"label":"InMiddle","color":"","bgcolor":"","icon":"","payload":"0","payloadType":"num","topic":"","x":160,"y":220,"wires":[["9c7f5b9e.f3e318"]]},{"id":"2e15ddfb.c2d3e2","type":"ui_button","z":"63163740.2d4508","name":"","group":"89295a31.c00768","order":3,"width":0,"height":0,"passthru":false,"label":"Closed","color":"","bgcolor":"","icon":"","payload":"1","payloadType":"num","topic":"","x":160,"y":260,"wires":[["9c7f5b9e.f3e318"]]},{"id":"6bdd972a.905108","type":"ui_button","z":"63163740.2d4508","name":"","group":"89295a31.c00768","order":1,"width":0,"height":0,"passthru":false,"label":"Opened","color":"","bgcolor":"","icon":"","payload":"2","payloadType":"num","topic":"","x":160,"y":180,"wires":[["9c7f5b9e.f3e318"]]},{"id":"4161a979.0b0a18","type":"ui_button","z":"63163740.2d4508","name":"","group":"89295a31.c00768","order":4,"width":0,"height":0,"passthru":false,"label":"ErrOpenAndClosed","color":"","bgcolor":"","icon":"","payload":"3","payloadType":"num","topic":"","x":190,"y":140,"wires":[["9c7f5b9e.f3e318"]]},{"id":"f99ebc1b.60c9","type":"debug","z":"63163740.2d4508","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","x":750,"y":220,"wires":[]},{"id":"89295a31.c00768","type":"ui_group","name":"GPortSimulator 1","tab":"1309dc77.e283d4","order":13,"disp":true,"width":"6","collapse":false},{"id":"1309dc77.e283d4","type":"ui_tab","name":"TestBord","icon":"dashboard","order":1}]type or paste code here

Thanks for taking time for me!

Now I got to it (the inserted flow)

Make the debug pane wider to see all the buttons along the top to get at the dashboard options, or click the dropdown arrow at the right.

It looks like this. Have I missed something in installation ? ? ?

Try clearing the browser cache (not just forcing a page refresh). Also try a different browser.

How did you install node-red?

Please stop node red then start it again in a terminal and post the resulting log here. Copy/paste not screen shot if possible please.

I have cleared the browser cache, restarted chrome: same as before.
I tryed Edge, same result.
I don't rememeber how I installed node-red. Followed some suggestion on internet.
Here is the start and stop of node-red:

pi@webradio:~ $ node-red-stop

Stop Node-RED

Use   node-red-start   to start Node-RED again

pi@webradio:~ $ node-red-start

Start Node-RED

Once Node-RED has started, point a browser at http://192.168.153.97:1880
On Pi Node-RED works better with the Firefox or Chrome browser

Use   node-red-stop                          to stop Node-RED
Use   node-red-start                         to start Node-RED again
Use   node-red-log                           to view the recent log output
Use   sudo systemctl enable nodered.service  to autostart Node-RED at every boot
Use   sudo systemctl disable nodered.service to disable autostart on boot

To find more nodes and example flows - go to http://flows.nodered.org

Starting as a systemd service.
Started Node-RED graphical event wiring tool.
16 Apr 19:15:06 - [info]
Welcome to Node-RED
===================
16 Apr 19:15:06 - [info] Node-RED version: v1.3.2
16 Apr 19:15:06 - [info] Node.js  version: v14.16.1
16 Apr 19:15:06 - [info] Linux 4.19.66-v7+ arm LE
16 Apr 19:15:08 - [info] Loading palette nodes
16 Apr 19:15:10 - [info] Dashboard version 2.28.2 started at /ui
16 Apr 19:15:11 - [info] Settings file  : /home/pi/.node-red/settings.js
16 Apr 19:15:11 - [info] Context store  : 'default' [module=memory]
16 Apr 19:15:11 - [info] User directory : /home/pi/.node-red
16 Apr 19:15:11 - [warn] Projects disabled : editorTheme.projects.enabled=false
16 Apr 19:15:11 - [info] Flows file     : /home/pi/.node-red/flows_webradio.json
16 Apr 19:15:11 - [info] Server now running at http://127.0.0.1:1880/
16 Apr 19:15:11 - [warn]
---------------------------------------------------------------------
Your flow credentials file is encrypted using a system-generated key.
If the system-generated key is lost for any reason, your credentials
file will not be recoverable, you will have to delete it and re-enter
your credentials.
You should set your own key using the 'credentialSecret' option in
your settings file. Node-RED will then re-encrypt your credentials
file using your chosen key the next time you deploy a change.
---------------------------------------------------------------------
16 Apr 19:15:11 - [info] Starting flows
16 Apr 19:15:11 - [info] Started flows
16 Apr 19:15:11 - [info] serial port /dev/ttyS0 opened at 9600 baud 8N1
16 Apr 19:15:12 - [info] [mpd-server:82f7baca.793ed8] Connected to MPD server localhost:6600
16 Apr 19:15:12 - [info] [mqtt-broker:a7459cab.67a5] Connected to broker: GPort@mqtt://localhost:1883
^C
pi@webradio:~ $

Is this not possible? ? Should I go back to backup and the old node-red ??

Can you try this approach

var k = msg.payload
if (k===0) msg = {color:"#FFFF00",bgcolor:"black",icon:"fa-4x fa-spinner fa-pulse"};
if (k===1) msg = {color:"#00FF00",bgcolor:"black",icon:"fa-4x fa-download"};
if (k===2) msg = {color:"#FF0000",bgcolor:"black",icon:"fa-4x fa-upload"};
if (k===3) msg = {color:"#FF0000",bgcolor:"black",icon:"fa-4x fa-exclamation-triangle"};

/*  0=moving
    1=closed
    2=opened
    3=error   */
msg.payload = k;
return msg;

No need to change anything else but the contents of the function node.

It is not about like I know whats wrong but I have such methods running flawlessly years now so worth of try.
Maybe the ui_control only in message behaves not so nice for possible socket losses and re-connections.

The log looks as it should, no clues as to why the dashboard tab is missing. Can you check in the developer console in your browser to see if it shows any errors?

I will try check in the developer console in the browser!
hotNipi your solution seems to work!! But I leave it till tomorrow and try then. Just to be 100%.
Now I have increased hope!!
Thank you for taking your time! ! !

hotNipi Sorry! Not better!
I have taken this out of developer consol in browser:

WARN:
app.min.js:150
You are using the ngTouch module.
AngularJS Material already has mobile click, tap, and swipe support...
ngTouch is not supported with AngularJS Material!

FAIL:
:1880/ui/loading.html:1
Failed to load resource: the server responded with a status of 404 (Not Found)

FAIL:
app.min.js:150
SideNav 'left' is not available! Did you use md-component-id='left'?
(anonymous) @ app.min.js:150

FAIL:
:1880/ui/socket.io/?EIO=3&transport=polling&t=NZUnBot:1
Failed to load resource: net::ERR_NETWORK_CHANGED

WARN:
DevTools failed to load SourceMap: Could not load content for http://192.168.153.97:1880/ui/js/angular-chart.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

I don't understand it, but someone perhaps can give me a clue, hopefully!

edit: Now the icon does not change either, but if I change "flow" in the left menu back and forth, then have the icon changed??!

I think that suggests there is something odd about the network connection between the PC and the Pi. How are they connected? Are they on the same local network?

In a terminal on the Pi what does this command show?
ip addr

They are connected in the same local network.Both my PC and Pi are connected with cable. The Pi has static adress.

pi@webradio:~ $ ip addr
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000
link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
inet 127.0.0.1/8 scope host lo
valid_lft forever preferred_lft forever
inet6 ::1/128 scope host
valid_lft forever preferred_lft forever
2: eth0: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
link/ether b8:27:eb:38:64:10 brd ff:ff:ff:ff:ff:ff
inet 192.168.153.97/16 brd 192.168.255.255 scope global eth0
valid_lft forever preferred_lft forever
inet6 fe80::49a7:3642:3a53:d8b6/64 scope link
valid_lft forever preferred_lft forever
3: wlan0: <NO-CARRIER,BROADCAST,MULTICAST,UP> mtu 1500 qdisc pfifo_fast state DOWN group default qlen 1000
link/ether b8:27:eb:6d:31:45 brd ff:ff:ff:ff:ff:ff

Sorry, I am out of ideas on the missing dashboard tab. Hopefully someone else can help.

One more idea actually, have you got another machine on the network you can try to see if that one can see it?

I tryed my mobile PC: same!
Colin: Thank you for spending time with my issue.