Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. Text in Farbe ausgeben - Blockly

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    507

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.6k

Text in Farbe ausgeben - Blockly

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
blocklytextfarbe
20 Beiträge 6 Kommentatoren 1.7k Aufrufe 5 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • crunchipC crunchip

    @jb_sullivan sowas z.b. ? ist eingetragen bei css Font & Text, bei color
    musst halt anpassen,
    in dem Fall, wenn der Wert "Shell Höchstadt" wird es grün angezeigt, ansonsten weiss

    {v:tankerkoenig.0.stations.cheapest.e5.name;v == "Shell Höchstadt" ? "#00cc00" : "#ffffff"}
    

    oder einfach so

    rgb(255, 215, 0)
    

    damit wird der Inhalt in Gelb angezeigt

    JB_SullivanJ Offline
    JB_SullivanJ Offline
    JB_Sullivan
    schrieb am zuletzt editiert von JB_Sullivan
    #9

    @crunchip

    Hmmm - ich glaube, es ist nicht ganz das was ich gesucht habe. Ich schreibe mir ja über ein Blockly Script in einen Datenpunkt einen individuellen Texte rein.

    16d9123c-2fc5-4f7b-907c-7ef726ec05e9-image.png

    Diese Datenpunkte visualisiere ich dann in meiner VIS, was zum Ergebnis hat, das der Text aus dem Datenpunkt dort angezeigt wird. Nun ist es aber so, das aus diesem DP Text nur ein Wort (AUS /EIN) eine andere Farbe bekommen soll, um dieses besser hervorzuheben.

    Ich glaube nicht das dass mit einem Binding geht, wobei ich zugeben muss, das ich das mit den Bindings noch nicht so richtig verstanden habe.

    9d8c0a71-63d7-4c7f-bda6-78dbbd892a85-image.png

    802c296d-01a4-4480-8872-ce88d7f2053a-image.png

    ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

    crunchipC 1 Antwort Letzte Antwort
    0
    • JB_SullivanJ JB_Sullivan

      @crunchip

      Hmmm - ich glaube, es ist nicht ganz das was ich gesucht habe. Ich schreibe mir ja über ein Blockly Script in einen Datenpunkt einen individuellen Texte rein.

      16d9123c-2fc5-4f7b-907c-7ef726ec05e9-image.png

      Diese Datenpunkte visualisiere ich dann in meiner VIS, was zum Ergebnis hat, das der Text aus dem Datenpunkt dort angezeigt wird. Nun ist es aber so, das aus diesem DP Text nur ein Wort (AUS /EIN) eine andere Farbe bekommen soll, um dieses besser hervorzuheben.

      Ich glaube nicht das dass mit einem Binding geht, wobei ich zugeben muss, das ich das mit den Bindings noch nicht so richtig verstanden habe.

      9d8c0a71-63d7-4c7f-bda6-78dbbd892a85-image.png

      802c296d-01a4-4480-8872-ce88d7f2053a-image.png

      crunchipC Abwesend
      crunchipC Abwesend
      crunchip
      Forum Testing Most Active
      schrieb am zuletzt editiert von crunchip
      #10

      @jb_sullivan das geht schon mit binding, hier mal ein anderes Beispiel
      bzw, wenn wird dadurch die ganze Textzeile eingefärbt und nicht nur das eine Wort.
      @SBorg ist der Binding Guru:blush: vllt weiss er, ob und wie das machbar ist

      umgestiegen von Proxmox auf Unraid

      JB_SullivanJ 1 Antwort Letzte Antwort
      0
      • crunchipC crunchip

        @jb_sullivan das geht schon mit binding, hier mal ein anderes Beispiel
        bzw, wenn wird dadurch die ganze Textzeile eingefärbt und nicht nur das eine Wort.
        @SBorg ist der Binding Guru:blush: vllt weiss er, ob und wie das machbar ist

        JB_SullivanJ Offline
        JB_SullivanJ Offline
        JB_Sullivan
        schrieb am zuletzt editiert von
        #11

        @crunchip

        und wo kommt so eine Binding Programmzeile in das Widget rein? Bei HTML?

        ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

        crunchipC SBorgS 2 Antworten Letzte Antwort
        0
        • JB_SullivanJ JB_Sullivan

          @crunchip

          und wo kommt so eine Binding Programmzeile in das Widget rein? Bei HTML?

          crunchipC Abwesend
          crunchipC Abwesend
          crunchip
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #12

          @jb_sullivan hab ich oben geschrieben, bei css Font & Text
          1bc65c67-72e2-473b-a44c-1bcf91911cbc-grafik.png

          umgestiegen von Proxmox auf Unraid

          1 Antwort Letzte Antwort
          0
          • JB_SullivanJ JB_Sullivan

            @crunchip

            und wo kommt so eine Binding Programmzeile in das Widget rein? Bei HTML?

            SBorgS Offline
            SBorgS Offline
            SBorg
            Forum Testing Most Active
            schrieb am zuletzt editiert von
            #13

            @jb_sullivan Viele Wege führen nach Rom :)
            Da Bindings auch Ressourcen benötigen und du den String eh schon "selbst baust", würde ich es einfach dort ansiedeln und dann in der VIS per HTML-Widget ausgeben. Per Binding müsste man den String nach "AN / AUS" erst durchsuchen und dann selektiv färben (aber ebenfalls machbar).

            Im Blockly:

            Ladestation An: Text "e-Bike Ladestation ist<div style='color:green'>AN</div>"
            Ladestation Aus: Text "e-Bike Ladestation ist<div style='color:red'>AUS</div>"

            Für die Farbwerte gehen natürlich per # auch HEX-Werte...
            Benötigt so keinerlei zusätzliche Ressourcen ;)

            LG SBorg ( SBorg auf GitHub)
            Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

            JB_SullivanJ 1 Antwort Letzte Antwort
            0
            • SBorgS SBorg

              @jb_sullivan Viele Wege führen nach Rom :)
              Da Bindings auch Ressourcen benötigen und du den String eh schon "selbst baust", würde ich es einfach dort ansiedeln und dann in der VIS per HTML-Widget ausgeben. Per Binding müsste man den String nach "AN / AUS" erst durchsuchen und dann selektiv färben (aber ebenfalls machbar).

              Im Blockly:

              Ladestation An: Text "e-Bike Ladestation ist<div style='color:green'>AN</div>"
              Ladestation Aus: Text "e-Bike Ladestation ist<div style='color:red'>AUS</div>"

              Für die Farbwerte gehen natürlich per # auch HEX-Werte...
              Benötigt so keinerlei zusätzliche Ressourcen ;)

              JB_SullivanJ Offline
              JB_SullivanJ Offline
              JB_Sullivan
              schrieb am zuletzt editiert von JB_Sullivan
              #14

              @sborg

              Da haben wir es wieder, ich bin einfach zu Alt und noch in der HTML Welt verankert. Genau den Ansatz hatte ich schon probiert aber halt als HTML <font color=red>AN</font>

              Hat natürlich nicht funktioniert und darum habe ich nach einem anderen Ansatz gesucht.

              Interessant ist, das der Blockly Weg über eine Variable (ColorEIN-Rot) auch nicht funktioniert hat. Aber auch mit deinen <div style> Ansatz funktioniert es leider nicht :(

              ab03471f-f774-44a2-b3ec-86277d0970b6-image.png

              4a293b7e-40e6-4705-b9a4-f22b15b3adcd-image.png

              So schaut es dann im VIS aus - er interpretiert den Code als Text (basic-string)

              b3998e3b-46b9-4311-b2a6-735ff64d7561-image.png

              ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

              SBorgS 1 Antwort Letzte Antwort
              0
              • JB_SullivanJ JB_Sullivan

                @sborg

                Da haben wir es wieder, ich bin einfach zu Alt und noch in der HTML Welt verankert. Genau den Ansatz hatte ich schon probiert aber halt als HTML <font color=red>AN</font>

                Hat natürlich nicht funktioniert und darum habe ich nach einem anderen Ansatz gesucht.

                Interessant ist, das der Blockly Weg über eine Variable (ColorEIN-Rot) auch nicht funktioniert hat. Aber auch mit deinen <div style> Ansatz funktioniert es leider nicht :(

                ab03471f-f774-44a2-b3ec-86277d0970b6-image.png

                4a293b7e-40e6-4705-b9a4-f22b15b3adcd-image.png

                So schaut es dann im VIS aus - er interpretiert den Code als Text (basic-string)

                b3998e3b-46b9-4311-b2a6-735ff64d7561-image.png

                SBorgS Offline
                SBorgS Offline
                SBorg
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #15

                @jb_sullivan Du hast ein "erstelle Text aus" bei den Prüfungen zu viel ;)
                Bild 1.png


                <xml xmlns="https://developers.google.com/blockly/xml">
                <block type="on" id=":PD,NTEl^9T/6i@Jb/]f" x="63" y="38">
                <field name="OID">0_userdata.0.Dummy</field>
                <field name="CONDITION">ne</field>
                <field name="ACK_CONDITION"></field>
                <statement name="STATEMENT">
                <block type="update" id="{Bs2O!|X}z@tL6%OkM=2">
                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                <field name="OID">0_userdata.0.Output</field>
                <field name="WITH_DELAY">FALSE</field>
                <value name="VALUE">
                <block type="text_join" id="XA$^1CH$rQioQQ-ul=|">
                <mutation items="2"></mutation>
                <value name="ADD0">
                <block type="text" id="jXg0YY6rYlBeop*r5gXm">
                <field name="TEXT">blabla ist </field>
                </block>
                </value>
                <value name="ADD1">
                <block type="logic_ternary" id=".GtO.w^~G9V1MGJS^:VL">
                <value name="IF">
                <block type="on_source" id=")r3:dbhi02J=q(1d|IP)">
                <field name="ATTR">state.val</field>
                </block>
                </value>
                <value name="THEN">
                <block type="text" id="xJ0z,}R34glB79WK$`">
                <field name="TEXT"><div style='color:green'>AN</div></field>
                </block>
                </value>
                <value name="ELSE">
                <block type="text" id="?UMdV=Qoq-wjjvgV
                ;F8">
                <field name="TEXT"><div style='color:red'>AUS</div></field>
                </block>
                </value>
                </block>
                </value>
                </block>
                </value>
                </block>
                </statement>
                </block>
                </xml>

                Anzeige dann per HTML-Widget und Binding auf den erzeugten DP.
                Dummy = true/false
                Output = Zeichenkette

                Funzt: :grinning:
                VIS.mp4

                LG SBorg ( SBorg auf GitHub)
                Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                JB_SullivanJ 1 Antwort Letzte Antwort
                0
                • SBorgS SBorg

                  @jb_sullivan Du hast ein "erstelle Text aus" bei den Prüfungen zu viel ;)
                  Bild 1.png


                  <xml xmlns="https://developers.google.com/blockly/xml">
                  <block type="on" id=":PD,NTEl^9T/6i@Jb/]f" x="63" y="38">
                  <field name="OID">0_userdata.0.Dummy</field>
                  <field name="CONDITION">ne</field>
                  <field name="ACK_CONDITION"></field>
                  <statement name="STATEMENT">
                  <block type="update" id="{Bs2O!|X}z@tL6%OkM=2">
                  <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                  <field name="OID">0_userdata.0.Output</field>
                  <field name="WITH_DELAY">FALSE</field>
                  <value name="VALUE">
                  <block type="text_join" id="XA$^1CH$rQioQQ-ul=|">
                  <mutation items="2"></mutation>
                  <value name="ADD0">
                  <block type="text" id="jXg0YY6rYlBeop*r5gXm">
                  <field name="TEXT">blabla ist </field>
                  </block>
                  </value>
                  <value name="ADD1">
                  <block type="logic_ternary" id=".GtO.w^~G9V1MGJS^:VL">
                  <value name="IF">
                  <block type="on_source" id=")r3:dbhi02J=q(1d|IP)">
                  <field name="ATTR">state.val</field>
                  </block>
                  </value>
                  <value name="THEN">
                  <block type="text" id="xJ0z,}R34glB79WK$`">
                  <field name="TEXT"><div style='color:green'>AN</div></field>
                  </block>
                  </value>
                  <value name="ELSE">
                  <block type="text" id="?UMdV=Qoq-wjjvgV
                  ;F8">
                  <field name="TEXT"><div style='color:red'>AUS</div></field>
                  </block>
                  </value>
                  </block>
                  </value>
                  </block>
                  </value>
                  </block>
                  </statement>
                  </block>
                  </xml>

                  Anzeige dann per HTML-Widget und Binding auf den erzeugten DP.
                  Dummy = true/false
                  Output = Zeichenkette

                  Funzt: :grinning:
                  VIS.mp4

                  JB_SullivanJ Offline
                  JB_SullivanJ Offline
                  JB_Sullivan
                  schrieb am zuletzt editiert von
                  #16

                  @sborg

                  Ja, manchmal sieht man vor lauter klicken den Wald (Code) vor Bäumen nicht. Danke für den Hinweis bzgl. des doppelten "erstelle Text"

                  Trotzdem geht es mit einem Basic String im VIS nicht. Man muss einen Basic String unescaped nehmen.

                  Jetzt habe ich aber das Problem, das er mir für das zweite Wort einen Zeilenumbruch rein bastelt. Hat auch nichts mit der Widget Größe zu tun. Kann ich groß machen wie ich will, er bricht mir das farbige Wort immer in darunter liegende Zeile um.

                  f545c60a-e724-40db-b9ad-290154f7e52f-image.png

                  ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                  SBorgS 1 Antwort Letzte Antwort
                  0
                  • JB_SullivanJ JB_Sullivan

                    @sborg

                    Ja, manchmal sieht man vor lauter klicken den Wald (Code) vor Bäumen nicht. Danke für den Hinweis bzgl. des doppelten "erstelle Text"

                    Trotzdem geht es mit einem Basic String im VIS nicht. Man muss einen Basic String unescaped nehmen.

                    Jetzt habe ich aber das Problem, das er mir für das zweite Wort einen Zeilenumbruch rein bastelt. Hat auch nichts mit der Widget Größe zu tun. Kann ich groß machen wie ich will, er bricht mir das farbige Wort immer in darunter liegende Zeile um.

                    f545c60a-e724-40db-b9ad-290154f7e52f-image.png

                    SBorgS Offline
                    SBorgS Offline
                    SBorg
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #17

                    @jb_sullivan :grin:
                    Ersetze einfach "div" durch "span" --> dann bleibt es in einer Zeile ;)

                    LG SBorg ( SBorg auf GitHub)
                    Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                    JB_SullivanJ 1 Antwort Letzte Antwort
                    0
                    • SBorgS SBorg

                      @jb_sullivan :grin:
                      Ersetze einfach "div" durch "span" --> dann bleibt es in einer Zeile ;)

                      JB_SullivanJ Offline
                      JB_SullivanJ Offline
                      JB_Sullivan
                      schrieb am zuletzt editiert von JB_Sullivan
                      #18

                      @sborg

                      Verdammte Hacke - habe ich mich schon wieder irgend wo vertippt und sehe es nicht?

                      2ae3df87-15a5-4176-9fde-989aff3b2e93-image.png

                      Bei zwei Einträgen ist der Zeilenumbruch weg, bei zweien ist er geblieben (Cache gelöscht und F5 gedrückt habe ich schon) :persevere: Aber interessanter Weise bei nur einem der beiden Eintrage (AN)

                      eb47b09f-f442-4b63-a839-9ac5c760ac90-image.png

                      290418df-daf6-4c56-a903-27995decce7c-image.png

                      EDIT: Hmmm - ist wohl doch ein Chrome Cache Problem. Mit anderen Browsern und Endgeräten ist alles OK

                      ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                      SBorgS 1 Antwort Letzte Antwort
                      0
                      • JB_SullivanJ JB_Sullivan

                        @sborg

                        Verdammte Hacke - habe ich mich schon wieder irgend wo vertippt und sehe es nicht?

                        2ae3df87-15a5-4176-9fde-989aff3b2e93-image.png

                        Bei zwei Einträgen ist der Zeilenumbruch weg, bei zweien ist er geblieben (Cache gelöscht und F5 gedrückt habe ich schon) :persevere: Aber interessanter Weise bei nur einem der beiden Eintrage (AN)

                        eb47b09f-f442-4b63-a839-9ac5c760ac90-image.png

                        290418df-daf6-4c56-a903-27995decce7c-image.png

                        EDIT: Hmmm - ist wohl doch ein Chrome Cache Problem. Mit anderen Browsern und Endgeräten ist alles OK

                        SBorgS Offline
                        SBorgS Offline
                        SBorg
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #19

                        @jb_sullivan Noch Vierbesserungspotential: schau dir mal mein "prüfe" an.
                        Du moppelst doppelt ;)
                        wenn Licht an, dann prüfe Licht an = wahr dann..., sonst prüfe _Licht an = falsch dann...
                        Du hast aber doch schon Eingangs geprüft "wenn Licht an...", dann brauchst du wenn es "an" ist nicht nochmal prüfen ob es "an" ist.

                        Wenn bspw. dein "Verbraucher_x" true ist, ist er schon "wahr". Da braucht es nicht nochmals eine Prüfung ob er "wahr" ist. Du prüfst hier quasi sind Äpfel Äpfel? Das Ergebnis wird immer "wahr" sein. Mit deinem Term hast du eine Abfrage ist 1=1? Das Ergebnis der Abfrage dürfte ziemlich eindeutig sein :grin:

                        LG SBorg ( SBorg auf GitHub)
                        Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                        JB_SullivanJ 1 Antwort Letzte Antwort
                        0
                        • SBorgS SBorg

                          @jb_sullivan Noch Vierbesserungspotential: schau dir mal mein "prüfe" an.
                          Du moppelst doppelt ;)
                          wenn Licht an, dann prüfe Licht an = wahr dann..., sonst prüfe _Licht an = falsch dann...
                          Du hast aber doch schon Eingangs geprüft "wenn Licht an...", dann brauchst du wenn es "an" ist nicht nochmal prüfen ob es "an" ist.

                          Wenn bspw. dein "Verbraucher_x" true ist, ist er schon "wahr". Da braucht es nicht nochmals eine Prüfung ob er "wahr" ist. Du prüfst hier quasi sind Äpfel Äpfel? Das Ergebnis wird immer "wahr" sein. Mit deinem Term hast du eine Abfrage ist 1=1? Das Ergebnis der Abfrage dürfte ziemlich eindeutig sein :grin:

                          JB_SullivanJ Offline
                          JB_SullivanJ Offline
                          JB_Sullivan
                          schrieb am zuletzt editiert von
                          #20

                          @sborg

                          Gefahr erkannt - Gefahr gebannt ;)

                          Ich sagte ja, man probiert soviel hin und her, klickt hier und da, verwirft es wieder und macht was neues, geht zwischendurch was essen usw. dann bleiben da solche "Versuchsleichen" einfach mal unbeabsichtigt drin.

                          So, Prüfung, ob ein Apfel auch ein Apfel ist, ist raus ;)

                          7a99eed7-6ec6-4365-b957-0eebd8eef9bb-image.png

                          ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                          1 Antwort Letzte Antwort
                          0
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate
                          FAQ Cloud / IOT
                          HowTo: Node.js-Update
                          HowTo: Backup/Restore
                          Downloads
                          BLOG

                          838

                          Online

                          32.5k

                          Benutzer

                          81.8k

                          Themen

                          1.3m

                          Beiträge
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Anmelden

                          • Du hast noch kein Konto? Registrieren

                          • Anmelden oder registrieren, um zu suchen
                          • Erster Beitrag
                            Letzter Beitrag
                          0
                          • Home
                          • Aktuell
                          • Tags
                          • Ungelesen 0
                          • Kategorien
                          • Unreplied
                          • Beliebt
                          • GitHub
                          • Docu
                          • Hilfe