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. VIS-Editor - mehr als 3 Signalbilder benutzen möglich?

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    117

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

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

VIS-Editor - mehr als 3 Signalbilder benutzen möglich?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
11 Beiträge 5 Kommentatoren 2.1k Aufrufe 4 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.
  • overfl0wO Offline
    overfl0wO Offline
    overfl0w
    schrieb am zuletzt editiert von
    #1

    Hallo liebe Forumgemeinde,

    ich brauche eure Hilfe. Gibt es eine Möglichkeit mehr als 3 Signalbilder im VIS Editor abzufragen?

    Mein Problem ist, dass ich folgende Zustände habe: "0", "1", "2", "3". Je nach Wert möchte ich gern

    einen durchgestylten Text anzeigen lassen in Form eines CSS Batches. (Siehe angehängtes Foto 2).

    Oder hat jemand vllt. ein javascript womit ich das erledigen könnte?

    Danke euch im Voraus

    Maurice
    6116_screenshot_0.png
    6116_screenshot_1.png

    Faulheit? Nein Smarthome :)

    M 1 Antwort Letzte Antwort
    0
    • overfl0wO overfl0w

      Hallo liebe Forumgemeinde,

      ich brauche eure Hilfe. Gibt es eine Möglichkeit mehr als 3 Signalbilder im VIS Editor abzufragen?

      Mein Problem ist, dass ich folgende Zustände habe: "0", "1", "2", "3". Je nach Wert möchte ich gern

      einen durchgestylten Text anzeigen lassen in Form eines CSS Batches. (Siehe angehängtes Foto 2).

      Oder hat jemand vllt. ein javascript womit ich das erledigen könnte?

      Danke euch im Voraus

      Maurice
      6116_screenshot_0.png
      6116_screenshot_1.png

      M Offline
      M Offline
      Malz1902
      schrieb am zuletzt editiert von
      #2

      @overfl0w said in VIS-Editor - mehr als 3 Signalbilder benutzen möglich?:

      Hallo liebe Forumgemeinde,

      ich brauche eure Hilfe. Gibt es eine Möglichkeit mehr als 3 Signalbilder im VIS Editor abzufragen?

      Mein Problem ist, dass ich folgende Zustände habe: "0", "1", "2", "3". Je nach Wert möchte ich gern

      einen durchgestylten Text anzeigen lassen in Form eines CSS Batches. (Siehe angehängtes Foto 2).

      Oder hat jemand vllt. ein javascript womit ich das erledigen könnte?

      Danke euch im Voraus

      Maurice
      6116_screenshot_0.png
      6116_screenshot_1.png

      Gibt es eine Möglichkeit?

      1 Antwort Letzte Antwort
      0
      • malorossM Offline
        malorossM Offline
        maloross
        schrieb am zuletzt editiert von
        #3

        Alternativ könntest du mit einem Value-List-Widget oder wenn du Grafiken nach Kriterien anzeigen möchtest, auch das Basic image 8, das ich z.B. für Mondphasen nehme

        Auch Frauen können sich für Technik begeistern! ;)

        Equipment:
        diverse HM-, HMIP-, Aeotec- Tradfri- Sonos- und Fibaro-Geräte, Master-/Slavesystem auf 2 Raspi4, NAS

        F 1 Antwort Letzte Antwort
        0
        • malorossM maloross

          Alternativ könntest du mit einem Value-List-Widget oder wenn du Grafiken nach Kriterien anzeigen möchtest, auch das Basic image 8, das ich z.B. für Mondphasen nehme

          F Offline
          F Offline
          Förster
          schrieb am zuletzt editiert von
          #4

          @maloross So ein Zufall, genau danach suche ich gerade ;-) könntest du dafür mal ein Screenshot reinstellen, wie du das für mehrere Grafiken umgesetzt hast ?

          malorossM 1 Antwort Letzte Antwort
          0
          • F Förster

            @maloross So ein Zufall, genau danach suche ich gerade ;-) könntest du dafür mal ein Screenshot reinstellen, wie du das für mehrere Grafiken umgesetzt hast ?

            malorossM Offline
            malorossM Offline
            maloross
            schrieb am zuletzt editiert von
            #5

            @Förster hier ist das Widget:

            e4ec323b-b18c-4e80-be69-ac4714669cf4-image.png

            [{"tpl":"tplStatefulImage8","data":{"oid":"javascript.0.Vis.Mondphase","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","count":"7","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src_0":"/vis.0/eigene/0.png","src_1":"/vis.0/eigene/1.png","src_2":"/vis.0/eigene/2.png","src_3":"/vis.0/eigene/3.png","src_4":"/vis.0/eigene/4.png","src_5":"/vis.0/eigene/5.png","src_6":"/vis.0/eigene/6.png","src_7":"/vis.0/eigene/7.png"},"style":{"left":"20px","top":"244px","width":"55px","height":"65px","z-index":"2"},"widgetSet":"basic"}]
            

            Auch Frauen können sich für Technik begeistern! ;)

            Equipment:
            diverse HM-, HMIP-, Aeotec- Tradfri- Sonos- und Fibaro-Geräte, Master-/Slavesystem auf 2 Raspi4, NAS

            M 1 Antwort Letzte Antwort
            1
            • F Offline
              F Offline
              Förster
              schrieb am zuletzt editiert von
              #6

              Sehr schön, danke!

              1 Antwort Letzte Antwort
              0
              • malorossM maloross

                @Förster hier ist das Widget:

                e4ec323b-b18c-4e80-be69-ac4714669cf4-image.png

                [{"tpl":"tplStatefulImage8","data":{"oid":"javascript.0.Vis.Mondphase","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","count":"7","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src_0":"/vis.0/eigene/0.png","src_1":"/vis.0/eigene/1.png","src_2":"/vis.0/eigene/2.png","src_3":"/vis.0/eigene/3.png","src_4":"/vis.0/eigene/4.png","src_5":"/vis.0/eigene/5.png","src_6":"/vis.0/eigene/6.png","src_7":"/vis.0/eigene/7.png"},"style":{"left":"20px","top":"244px","width":"55px","height":"65px","z-index":"2"},"widgetSet":"basic"}]
                
                M Offline
                M Offline
                Malz1902
                schrieb am zuletzt editiert von
                #7

                @maloross wie genau Funktioniert das?
                Ich habe als Werte nicht 0, 1,2, 3 sonder Restmüll, Papiermüll, Biomüll, Glass, Leichtstoffe

                malorossM 1 Antwort Letzte Antwort
                0
                • M Malz1902

                  @maloross wie genau Funktioniert das?
                  Ich habe als Werte nicht 0, 1,2, 3 sonder Restmüll, Papiermüll, Biomüll, Glass, Leichtstoffe

                  malorossM Offline
                  malorossM Offline
                  maloross
                  schrieb am zuletzt editiert von maloross
                  #8

                  @Malz1902 der Datenpunkt wird durch ein Skript befüllt, das eine Wertliste erstellt:

                  createState(idVis, 0, {
                     type: 'number',
                     min: 0,
                     max: 7,
                     role: 'level',
                     states: {
                        0: 'Neumond',
                        1: 'Viertelmond zu',
                        2: 'Halbmond zu',
                        3: 'Dreiviertelmond zu',
                        4: 'Vollmond',
                        5: 'Dreiviertelmond ab',
                        6: 'Halbmond ab',
                        7: 'Viertelmond ab'
                     }   
                  

                  Edit: Ich weiß nicht, wie du den Datenpuntk befüllen lässt, ich arbeite in vielen Fällen mit solchen Wertelisten.

                  Auch Frauen können sich für Technik begeistern! ;)

                  Equipment:
                  diverse HM-, HMIP-, Aeotec- Tradfri- Sonos- und Fibaro-Geräte, Master-/Slavesystem auf 2 Raspi4, NAS

                  M 1 Antwort Letzte Antwort
                  0
                  • malorossM maloross

                    @Malz1902 der Datenpunkt wird durch ein Skript befüllt, das eine Wertliste erstellt:

                    createState(idVis, 0, {
                       type: 'number',
                       min: 0,
                       max: 7,
                       role: 'level',
                       states: {
                          0: 'Neumond',
                          1: 'Viertelmond zu',
                          2: 'Halbmond zu',
                          3: 'Dreiviertelmond zu',
                          4: 'Vollmond',
                          5: 'Dreiviertelmond ab',
                          6: 'Halbmond ab',
                          7: 'Viertelmond ab'
                       }   
                    

                    Edit: Ich weiß nicht, wie du den Datenpuntk befüllen lässt, ich arbeite in vielen Fällen mit solchen Wertelisten.

                    M Offline
                    M Offline
                    Malz1902
                    schrieb am zuletzt editiert von
                    #9

                    @maloross Danke :-)

                    1 Antwort Letzte Antwort
                    0
                    • M Offline
                      M Offline
                      mguenther
                      schrieb am zuletzt editiert von
                      #10

                      bedeutet, es wird unter Objekte z.B. unter VIS.0 dann ein Datenpunkt angelegt, bei dem der Inhalt für die VIS hinterlegt wird? Ich bastle gerade an meiner ersten VIS und stehe genau vor diesem Problem...

                      danke

                      malorossM 1 Antwort Letzte Antwort
                      1
                      • M mguenther

                        bedeutet, es wird unter Objekte z.B. unter VIS.0 dann ein Datenpunkt angelegt, bei dem der Inhalt für die VIS hinterlegt wird? Ich bastle gerade an meiner ersten VIS und stehe genau vor diesem Problem...

                        danke

                        malorossM Offline
                        malorossM Offline
                        maloross
                        schrieb am zuletzt editiert von
                        #11

                        @mguenther genau. in meinem Beispiel erzeugt das Skript den Datenpunkt als Werteiste in dem gewünschten Verzeichnis. Dabei steht 0 für Neumond usw.
                        Der Datenpunkt wird so angezeigt
                        9ab7144d-8e80-49a6-b9e4-483cef5c9431-image.png
                        zum Ändern muss dann wieder ein Wert eingegeben werden.

                        Auch Frauen können sich für Technik begeistern! ;)

                        Equipment:
                        diverse HM-, HMIP-, Aeotec- Tradfri- Sonos- und Fibaro-Geräte, Master-/Slavesystem auf 2 Raspi4, NAS

                        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

                        763

                        Online

                        32.5k

                        Benutzer

                        81.7k

                        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