MQTT経由のノードRED UIボタンの色の変更

Question

メッセージバスとしてMQTTを使用して、ラズベリーのパイのホームセキュリティネットワークにノード赤のフローがあります。着信MQTTメッセージに基づいてUIボタンの色をどのように変更するのですか？

どこからでもこれを行う方法の例は見つかりませんでした。私はこれがCSSとjavascriptに結びついていると思いますが、私はこれらの分野では弱いです。

Answer 1

はどのようにこれを行うには、ダッシュボードのUIボタンの[情報]タブに記述されています

テキストと背景の色を設定することができます。また、{{msg.background}}のように、フィールドをプロパティの名前に設定することで、メッセージプロパティで設定することもできます。

ので、あなたがこのようにボタンを設定することにより、ボタンの背景を設定することができます

次に、あなたが望む色にmsg.backgoundセットにメッセージを渡す（色は任意のものとすることができますCSSカラーセーフ名）。

関数ノードまたは変更ノードを使用して、backgroundプロパティをmsgに追加してから、ui-buttonノードに渡すことができます。