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. Visualisierung
  4. [gelöst]Wasserhahn Widget??

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    438

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    5.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.4k

[gelöst]Wasserhahn Widget??

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
36 Beiträge 3 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.
  • liv-in-skyL liv-in-sky

    @MartinK

    kannst auch das testen

    drehen3.gif

    wh-rot.png wh-gruen.png

    wh-gruen-links.png wh-rot-links.png

    MartinK.M Offline
    MartinK.M Offline
    MartinK.
    schrieb am zuletzt editiert von
    #10

    @liv-in-sky Ja, vielen Dank.... Ich stehe als Newbee in Sachen ioBroker jetzt gerade vor der Frage, wie - oder als was ich dieses Icon einfügen muss ?

    Als Signalbild für den Button ? Dort wo das X - ist soll das Icon hin ...
    qw.png

    ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

    MartinK.M 1 Antwort Letzte Antwort
    0
    • MartinK.M MartinK.

      @liv-in-sky Ja, vielen Dank.... Ich stehe als Newbee in Sachen ioBroker jetzt gerade vor der Frage, wie - oder als was ich dieses Icon einfügen muss ?

      Als Signalbild für den Button ? Dort wo das X - ist soll das Icon hin ...
      qw.png

      MartinK.M Offline
      MartinK.M Offline
      MartinK.
      schrieb am zuletzt editiert von
      #11

      @MartinK Die Buttons sind alle bereits mit dem Shelly verknüpft... nur das Bild eben nicht ;-)

      ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • MartinK.M MartinK.

        @MartinK Die Buttons sind alle bereits mit dem Shelly verknüpft... nur das Bild eben nicht ;-)

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #12

        @MartinK du brauchst das image widget - zweimal übereinander - einmal das rote - einmal das grüne definieren- nimm erstmal die icons, die ich oben eingefügt hatte

        Image 4.png

        blau: hier definierst du, wann das bild angezeigt wird - die objectid vom shelly
        lila: hier wählst du das bild aus - downloade die icons vom forum auf deinen rechner -

        in diesem datei manager kannst du dann mit dem grünen pfeil die beiden bilder in die vis hochladen (von deinem computer - es geht ein popup auf und du musst dann die beiden bilder reinziehen
        Image 5.png

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        MartinK.M 1 Antwort Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @MartinK du brauchst das image widget - zweimal übereinander - einmal das rote - einmal das grüne definieren- nimm erstmal die icons, die ich oben eingefügt hatte

          Image 4.png

          blau: hier definierst du, wann das bild angezeigt wird - die objectid vom shelly
          lila: hier wählst du das bild aus - downloade die icons vom forum auf deinen rechner -

          in diesem datei manager kannst du dann mit dem grünen pfeil die beiden bilder in die vis hochladen (von deinem computer - es geht ein popup auf und du musst dann die beiden bilder reinziehen
          Image 5.png

          MartinK.M Offline
          MartinK.M Offline
          MartinK.
          schrieb am zuletzt editiert von
          #13

          @liv-in-sky SUPER!! ... Vielen Dank ! :-) Das hat schon mal geklappt:+1:
          jetzt muss ich nur noch das drehen mit dem CSS Eintrag hinbekommen...
          wenn ich den code einfach so in den CSS einfüge klappt das noch nicht so ganz ...

          ad.PNG

          bekomme dann immer eine Fehlermeldung... Ich habe da sicher noch irgendwo einen
          Fehler drin...:grimacing:

          ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • MartinK.M MartinK.

            @liv-in-sky SUPER!! ... Vielen Dank ! :-) Das hat schon mal geklappt:+1:
            jetzt muss ich nur noch das drehen mit dem CSS Eintrag hinbekommen...
            wenn ich den code einfach so in den CSS einfüge klappt das noch nicht so ganz ...

            ad.PNG

            bekomme dann immer eine Fehlermeldung... Ich habe da sicher noch irgendwo einen
            Fehler drin...:grimacing:

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von liv-in-sky
            #14

            @MartinK

            zusätzlich:

            css im widget angeben - css ist für alle widget da

            Image 6.png

            wenn du den fehler mit dem ausrufezeichen im css meinst - ist normal - habe ich auch

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            1 Antwort Letzte Antwort
            0
            • liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von liv-in-sky
              #15

              es gibt auch einen trick mit nur einem bild zu arbeiten - das nennt sich binding:

              Image 8.png

              dazu musst du "quasi" ein kleines script in die punkte eintragen

              css:

              {val:controll-own.0.mount.CPULuefter; val=="true" ? "anime": val=="false" ? "": ""}
              

              quelle :

              {val:controll-own.0.mount.CPULuefter; val=="true" ? "/vis.0/armin/img/wh-gruen.png": val=="false" ? "/vis.0/armin/img/wh-rot.png": ""}
              

              dasbedeutet if/wenn

              wenn der val/wert von datenpunkt "controll-own.0.mount.CPULuefter" wahr ist nutze ..... wenn falsch nutze ... sonst "" (hier gibt es kein sonst!)

              das kann in vielen dieser vis-settings genutzt werden z.b farbe des textes oder beim rahmen, ...

              kann sein, dass das bild im vis-editor nicht mehr angezeigt wird - aber im browser sieht man es !

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              MartinK.M 1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                es gibt auch einen trick mit nur einem bild zu arbeiten - das nennt sich binding:

                Image 8.png

                dazu musst du "quasi" ein kleines script in die punkte eintragen

                css:

                {val:controll-own.0.mount.CPULuefter; val=="true" ? "anime": val=="false" ? "": ""}
                

                quelle :

                {val:controll-own.0.mount.CPULuefter; val=="true" ? "/vis.0/armin/img/wh-gruen.png": val=="false" ? "/vis.0/armin/img/wh-rot.png": ""}
                

                dasbedeutet if/wenn

                wenn der val/wert von datenpunkt "controll-own.0.mount.CPULuefter" wahr ist nutze ..... wenn falsch nutze ... sonst "" (hier gibt es kein sonst!)

                das kann in vielen dieser vis-settings genutzt werden z.b farbe des textes oder beim rahmen, ...

                kann sein, dass das bild im vis-editor nicht mehr angezeigt wird - aber im browser sieht man es !

                MartinK.M Offline
                MartinK.M Offline
                MartinK.
                schrieb am zuletzt editiert von
                #16

                @liv-in-sky Vielen Dank für Eure hilfe... !!! :+1: :+1: Ich habe es auch geschafft das "Es" sich dreht, aber es dreht sich jetzt der Ganze Tab in der VIS... und nicht das Wasserhahn Icon :fearful: ....
                Woran kann das denn liegen ??? :relieved:

                ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • MartinK.M MartinK.

                  @liv-in-sky Vielen Dank für Eure hilfe... !!! :+1: :+1: Ich habe es auch geschafft das "Es" sich dreht, aber es dreht sich jetzt der Ganze Tab in der VIS... und nicht das Wasserhahn Icon :fearful: ....
                  Woran kann das denn liegen ??? :relieved:

                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von liv-in-sky
                  #17

                  @MartinK

                  bei welcher version? ich meine mit der erst-erklärten vorgehensweise oder der zweiten mit dem binding

                  hab ich noch nie gesehen - evtl kannst du das css mal unter project einfühgen und bei global löschen

                  das hatte ich noch nie ?

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  MartinK.M 1 Antwort Letzte Antwort
                  0
                  • liv-in-skyL liv-in-sky

                    @MartinK

                    bei welcher version? ich meine mit der erst-erklärten vorgehensweise oder der zweiten mit dem binding

                    hab ich noch nie gesehen - evtl kannst du das css mal unter project einfühgen und bei global löschen

                    das hatte ich noch nie ?

                    MartinK.M Offline
                    MartinK.M Offline
                    MartinK.
                    schrieb am zuletzt editiert von
                    #18

                    @liv-in-sky Mit der erste Version.. Auch unter project dreht sich der ganze Tab ?

                    ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                    liv-in-skyL 2 Antworten Letzte Antwort
                    0
                    • MartinK.M MartinK.

                      @liv-in-sky Mit der erste Version.. Auch unter project dreht sich der ganze Tab ?

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #19

                      @MartinK

                      du könntest mal den name des css eintrages ändern - im css das anime mal nach anime1 unbenennen

                      und auch in den anderen feldern, wo du es benutzt

                      welche version der vis hast du ? siehe adapter tab - hinten in der zeile !

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      MartinK.M 1 Antwort Letzte Antwort
                      0
                      • MartinK.M MartinK.

                        @liv-in-sky Mit der erste Version.. Auch unter project dreht sich der ganze Tab ?

                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #20

                        @MartinK du kannst auch mal das !important im css löschen - aber bei funktioniert es dann nicht mehr

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @MartinK

                          du könntest mal den name des css eintrages ändern - im css das anime mal nach anime1 unbenennen

                          und auch in den anderen feldern, wo du es benutzt

                          welche version der vis hast du ? siehe adapter tab - hinten in der zeile !

                          MartinK.M Offline
                          MartinK.M Offline
                          MartinK.
                          schrieb am zuletzt editiert von
                          #21

                          @liv-in-sky Ich habe es gerade nochmals in einem anderen Tab ausprobiert mit einem "Jalousie" icon... da klappt es... Ich wollt dieses Icon gerne auf dem Start tab einsetzen.
                          Hat das etwas damit zu tun ? Normalerweise sollte es doch in jedem tab klappen oder?

                          ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                          liv-in-skyL 2 Antworten Letzte Antwort
                          0
                          • MartinK.M MartinK.

                            @liv-in-sky Ich habe es gerade nochmals in einem anderen Tab ausprobiert mit einem "Jalousie" icon... da klappt es... Ich wollt dieses Icon gerne auf dem Start tab einsetzen.
                            Hat das etwas damit zu tun ? Normalerweise sollte es doch in jedem tab klappen oder?

                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            schrieb am zuletzt editiert von
                            #22

                            @MartinK

                            ja klar - tab unabhängig

                            dann lösch mal das widget im start tab und mach es neu

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            1 Antwort Letzte Antwort
                            0
                            • MartinK.M MartinK.

                              @liv-in-sky Ich habe es gerade nochmals in einem anderen Tab ausprobiert mit einem "Jalousie" icon... da klappt es... Ich wollt dieses Icon gerne auf dem Start tab einsetzen.
                              Hat das etwas damit zu tun ? Normalerweise sollte es doch in jedem tab klappen oder?

                              liv-in-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              schrieb am zuletzt editiert von liv-in-sky
                              #23

                              @MartinK

                              hast du es auch im richtigen feld eingetragen - nicht unter "View " tab sonder "w...." tab

                              deshalb ist der ganze tab betroffen

                              Image 14.png

                              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                              MartinK.M 1 Antwort Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @MartinK

                                hast du es auch im richtigen feld eingetragen - nicht unter "View " tab sonder "w...." tab

                                deshalb ist der ganze tab betroffen

                                Image 14.png

                                MartinK.M Offline
                                MartinK.M Offline
                                MartinK.
                                schrieb am zuletzt editiert von
                                #24

                                @liv-in-sky Tja... Irgendwas mache ich noch falsch...
                                1.PNG
                                2.PNG

                                und dann dreht der ganze Tab... :confused:
                                3.PNG

                                ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                MartinK.M liv-in-skyL 2 Antworten Letzte Antwort
                                0
                                • MartinK.M MartinK.

                                  @liv-in-sky Tja... Irgendwas mache ich noch falsch...
                                  1.PNG
                                  2.PNG

                                  und dann dreht der ganze Tab... :confused:
                                  3.PNG

                                  MartinK.M Offline
                                  MartinK.M Offline
                                  MartinK.
                                  schrieb am zuletzt editiert von
                                  #25

                                  @MartinK Es ist auch richtig eingetragen...
                                  4.PNG

                                  ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                  1 Antwort Letzte Antwort
                                  0
                                  • MartinK.M MartinK.

                                    @liv-in-sky Tja... Irgendwas mache ich noch falsch...
                                    1.PNG
                                    2.PNG

                                    und dann dreht der ganze Tab... :confused:
                                    3.PNG

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    schrieb am zuletzt editiert von
                                    #26

                                    @MartinK

                                    das selbe bild mit:

                                    der view tab aktiv ist - nicht w00091

                                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                    MartinK.M 1 Antwort Letzte Antwort
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @MartinK

                                      das selbe bild mit:

                                      der view tab aktiv ist - nicht w00091

                                      MartinK.M Offline
                                      MartinK.M Offline
                                      MartinK.
                                      schrieb am zuletzt editiert von
                                      #27

                                      @liv-in-sky sagte in Wasserhahn Widget??:

                                      @MartinK

                                      das selbe bild mit:

                                      der view tab aktiv ist - nicht w00091

                                      kann ich jetzt nicht ganz folgen ? :frowning:

                                      ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                      liv-in-skyL 1 Antwort Letzte Antwort
                                      0
                                      • MartinK.M MartinK.

                                        @liv-in-sky sagte in Wasserhahn Widget??:

                                        @MartinK

                                        das selbe bild mit:

                                        der view tab aktiv ist - nicht w00091

                                        kann ich jetzt nicht ganz folgen ? :frowning:

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von liv-in-sky
                                        #28

                                        @MartinK

                                        diesen tab meine ich

                                        Image 15.png

                                        da sollte bei dir die css klasse leer sein

                                        nicht wie bei mir menuown drin stehen

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        MartinK.M 1 Antwort Letzte Antwort
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @MartinK

                                          diesen tab meine ich

                                          Image 15.png

                                          da sollte bei dir die css klasse leer sein

                                          nicht wie bei mir menuown drin stehen

                                          MartinK.M Offline
                                          MartinK.M Offline
                                          MartinK.
                                          schrieb am zuletzt editiert von
                                          #29

                                          @liv-in-sky Ja, dort ist kein Eintrag drin ;-)
                                          5.PNG

                                          ...konnte ich helfen ? Dann würde ich mich über ein Voting freuen ! (rechts unten)...

                                          liv-in-skyL 2 Antworten Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          419

                                          Online

                                          32.7k

                                          Benutzer

                                          82.5k

                                          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