Node-RED Dashboardを使うと、タブレット端末などでフローを操作できる画面やステータスの表示などができてとても便利です。
ただ、他の人が公開しているDashboardのフローを読み込むと、タイトルバーが表示されなくなったり、全体的に暗い色合いになったりして、その変更や解除方法がわからず悩んでいました。
このことを、FacebookにあるNode-RED Japan User Groupにて質問したところ、みんみんさんが方法を教えてくださったので、メモ。
ダッシュボードサイドバー
![Node-RED 2019-08-16 11-38-24.jpg Node RED 2019 08 16 11 38 24](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-38-24.jpg)
Node-REDダッシュボードのサイドバーには、ボタンやテキストなどをどのタグにどの順番で、どのぐらいの大きさで並べるのかといった設定があるのはわかっていました。
![Node-RED 2019-08-16 11-39-50.jpg Node RED 2019 08 16 11 39 50](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-39-50.jpg)
でも、この「配置」以外に「サイト」と「テーマ」というタブがあることを全く気にしていませんでした。
ダッシュボード サイトタブ
![Node-RED 2019-08-16 11-41-18.jpg Node RED 2019 08 16 11 41 18](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-41-18.jpg)
このサイトタブをみてみたところ、タイトルはブラウザに表示されるtitleのテキストを変更できます。
![Node-RED 2019-08-16 11-42-08.jpg Node RED 2019 08 16 11 42 08](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-42-08.jpg)
オプションのところは、まさに自分がどうやるかを悩んでいた「タイトルバー表示/非表示」の切り替えや、サイドメニューを表示したままにするかどうかや、スワイプによるタブの切り替えを可能にするか不可能にするかなど、Node-REDダッシュボードを使ってアプリケーションを作るときに便利な機能が盛りだくさんでした。
![Node-RED 2019-08-16 11-42-47.jpg Node RED 2019 08 16 11 42 47](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-42-47.jpg)
日付の表示形式や、Widgetのサイズ、感覚、パディングなど、細かく設定できます。
![Node-RED 2019-08-16 11-45-34.jpg Node RED 2019 08 16 11 45 34](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-45-34.jpg)
ダッシュボード テーマタブ
![Node-RED 2019-08-16 11-48-31.jpg Node RED 2019 08 16 11 48 31](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-48-31.jpg)
テーマタブでは、スタイルや色、フォントなどが選べます。
![Node-RED 2019-08-16 11-47-54.jpg Node RED 2019 08 16 11 47 54](https://digital-light.jp/wp-content/uploads/2019/08/Node-RED-2019-08-16-11-47-54.jpg)
テーマは、ライト、ダーク、カスタムの3種類。今まで他の人のフローを入れて暗くなってしまっていたのは、このスタイルがダークになっていたからでした。
これで、より使いやすいNode-REDダッシュボードにすることができそうです。
まとめ
Node-RED Dashboardについては、検索してもなかなか設定方法に辿り着けずにモヤモヤしていましたが、Node-RED User Group Japanのみんみんさんのおかげで、いろんなことがすっきりしました。
ありがとうございます!