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. Probleme mit der Darstellung von Icons

NEWS

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

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

Probleme mit der Darstellung von Icons

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
22 Beiträge 6 Kommentatoren 4.7k Aufrufe
  • Ä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.
  • B Offline
    B Offline
    belze
    schrieb am zuletzt editiert von
    #4

    Hallo Rainer,

    genau - Bild 1 ist dashui, in diesem Style möchte ich es gerne wieder haben und Bild 2 ist ioBroker.

    Die Views sind nicht importiert.

    Das Problem mit der weißen Ansicht habe ich bei allen jqui-Icons.

    Anbei ein Bild mit den gewünschten Parametern.
    1915_iobroker_jqui-icon.png

    1 Antwort Letzte Antwort
    0
    • B Offline
      B Offline
      belze
      schrieb am zuletzt editiert von
      #5

      Hallo Hermann,

      ich habe das Bahn-Script aus dem ccu.io-Forum. Ich habe es damals nur an meine Gegebenheiten angepasst. Das ist mittlerweile schon einige Zeit her und ich müsste mich erstmal wieder "schlau" machen wie ich es damals gelöst habe. Aber eigentlich bin ich nach der Anleitung des Erstellers vorgegangen…

      Sorry, das ich erstmal nicht viel weiterhelfen konnte.

      Gruß Michael

      1 Antwort Letzte Antwort
      0
      • HomoranH Nicht stören
        HomoranH Nicht stören
        Homoran
        Global Moderator Administrators
        schrieb am zuletzt editiert von
        #6

        Danke für den Screenshot, aber reden wir hier nicht mehr über:
        @belze:

        Ein weiteres Problem ist die Sichtbarkeit bei den basic-ValueListHTML Style - Icons. Wie im Bild 2 zu sehen, sind sie im Editor sichtbar und konfigurierbar. In der Liveansicht sind sie jedoch unsichtbar. Wie kann ich dieses Problem angehen. `

        Ich habe selber keine JQUI-Widgets in gebrauch, so ein ähnliches (weisses) Verhalten aber schon mal woanders gehabt. Da musste ich nur eine Checkbox setzen, dann war gut. Finde ich jetzt auf dem Screenshot nicht.

        Das Widget hat noch keinen Datenpunkt zugeordnet und auch keine weitere Konfiguration.

        Wenn du ein fertig konfiguriertes Widget hast, könntest du mir das bitte mal exportieren und ich teste es dann hier.

        Gruß

        Rainer

        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

        1 Antwort Letzte Antwort
        0
        • B Offline
          B Offline
          belze
          schrieb am zuletzt editiert von
          #7

          @Rainer

          Ok ich konfigurier mal ein Widget und stell den Export dann wieder hier herein.

          Doch, das 2te Thema mit der Sichtbarkeit des basic-ValueListHTML Style - Icons ist mir auch wichtig.

          Du fragst bestimmt, weil ich den Screenshot vergessen habe? ;)
          1915_bild3.png

          1 Antwort Letzte Antwort
          0
          • htreckslerH Offline
            htreckslerH Offline
            htrecksler
            Forum Testing
            schrieb am zuletzt editiert von
            #8

            > ich habe das Bahn-Script aus dem ccu.io-Forum
            Ok, das ist ja das von mir…

            Ich hatte gehofft, es gibt inzwischen eine API und ich hab die nur verpasst.

            Dann warte ich weiter auf die API ... :D

            Gruss Hermann

            ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

            1 Antwort Letzte Antwort
            0
            • Jeeper.atJ Offline
              Jeeper.atJ Offline
              Jeeper.at
              schrieb am zuletzt editiert von
              #9

              Hallo,

              Wegen der Sichtbarkeit:

              Stelle mal den z-Index höher. Möglicherweise versteckt sich das Widget hinter dem anderen.

              Je höher der Z-Index, desto weiter "vorne" ist es.

              Lg

              Günther

              1 Antwort Letzte Antwort
              0
              • B Offline
                B Offline
                belze
                schrieb am zuletzt editiert von
                #10

                @Rainer

                So, ich habe mal das Widget soweit eingerichtet. Dabei ist mir aufgefallen, ich habe im Objektbrowser keine Variablen gefunden??

                Oder war ich einfach nur blind :?

                Hier mal der Export des jqui-Widgets:

                [{"tpl":"tplJquiToogle","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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,"src_true":"/icons-mfd-png/status_available.png","src_false":"/icons-mfd-png/status_away_1.png","label":"","alt_true":""},"style":{"left":"145px","top":"30px","width":"120px","height":"120px","background-color":"","background":""},"widgetSet":"jqui"}]
                

                Gruß Michael

                1 Antwort Letzte Antwort
                0
                • B Offline
                  B Offline
                  belze
                  schrieb am zuletzt editiert von
                  #11

                  @Jeeper.at:

                  Hallo,

                  Wegen der Sichtbarkeit:

                  Stelle mal den z-Index höher. Möglicherweise versteckt sich das Widget hinter dem anderen.

                  Je höher der Z-Index, desto weiter "vorne" ist es.

                  Lg

                  Günther `

                  Hallo Günter,

                  hab ich probiert, Index auf 10 - leider keine Auswirkungen :(

                  1 Antwort Letzte Antwort
                  0
                  • B Offline
                    B Offline
                    belze
                    schrieb am zuletzt editiert von
                    #12

                    @htrecksler:

                    Ok, das ist ja das von mir… `

                    Dann nochmal vielen Dank dafür :D

                    1 Antwort Letzte Antwort
                    0
                    • HomoranH Nicht stören
                      HomoranH Nicht stören
                      Homoran
                      Global Moderator Administrators
                      schrieb am zuletzt editiert von
                      #13

                      Hallo Michael,

                      kennst du die ostfriesische Kriegsflagge?

                      weißer Adler auf weißem Grund!

                      ich musste erst den Widget und den Iconsatz installieren.

                      So da gibt es einen kleine Checkbox: invertiere das Bild. Bitte anhaken

                      Mal sehen wie es mit dem anderen Thema weiter geht.

                      EDIT: Habe gerade erst den screenshot gesehen. Mache mal den Haken bei Sichtbarkeit raus!

                      Gruß

                      Rainer

                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                      1 Antwort Letzte Antwort
                      0
                      • B Offline
                        B Offline
                        belze
                        schrieb am zuletzt editiert von
                        #14

                        @Homoran:

                        weißer Adler auf weißem Grund!

                        ich musste erst den Widget und den Iconsatz installieren.

                        So da gibt es einen kleine Checkbox: invertiere das Bild. Bitte anhaken `
                        Hallo Rainer,

                        habe ich gemacht, siehe Bild_invert. Aber das Problem ist ja nicht das Bild als solches, sondern ich möchte ja den Style des JQUI-Icons wieder so wie auf Bild_DashUI haben. Spiele ich mit den Themen unter .vis - Setup - Thema, dann erreich ich auch irgendwann nach diversen Änderungen und Cache löschen, dass ich das Icon ins View ziehe und es genau so aussieht wie ich es möchte.

                        Konfiguriere ich es dann und gehe aus den Editmodus ist das Icon wieder weiß. :(

                        @Homoran:

                        EDIT: Habe gerade erst den screenshot gesehen. Mache mal den Haken bei Sichtbarkeit raus! `

                        …hatte keine Auswirkungen, ist immer noch nicht im Original/Arbeits-Modus zu sehen.

                        Gruß Michael
                        1915_bild_dashui.png
                        1915_bild_invert.png

                        1 Antwort Letzte Antwort
                        0
                        • HomoranH Nicht stören
                          HomoranH Nicht stören
                          Homoran
                          Global Moderator Administrators
                          schrieb am zuletzt editiert von
                          #15

                          Hallo Michael,

                          bin nicht zu Hause am richtigen Rechner.

                          Ich muss mir das nochmal in aller Ruhe ansehen, aber ich fürchte da reden wir aneinander vorbei. Alleine schon, weil es hier um zwei unterschiedliche Dinge geht.

                          @belze:

                          ich möchte ja den Style des JQUI-Icons wieder so wie auf Bild_DashUI haben. Spiele ich mit den Themen unter .vis - Setup - Thema, dann erreich ich auch irgendwann nach diversen Änderungen und Cache löschen, `
                          Diese Einstellung bezieht sich nur auf den Editor.

                          Du musst rechts in der Eigenschaften-Sidebar unter View - CSS allgemein das Thema auswählen.

                          http://www.iobroker.net/?page_id=2754&lang=de#View

                          @belze:

                          .hatte keine Auswirkungen, ist immer noch nicht im Original/Arbeits-Modus zu sehen. `
                          Bitte auch dieses Widget als export! Danke

                          Gruß

                          Rainer

                          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                          1 Antwort Letzte Antwort
                          0
                          • B Offline
                            B Offline
                            belze
                            schrieb am zuletzt editiert von
                            #16

                            @Homoran:

                            Du musst rechts in der Eigenschaften-Sidebar unter View - CSS allgemein das Thema auswählen.

                            http://www.iobroker.net/?page_id=2754&lang=de#View `

                            Hallo Rainer,

                            du hast sowas von recht!!!

                            Ich hatte immer noch den einen Thread im Kopf, wo es um das gleiche Problem ging. Und da hieß es Thema ändern und Cache löschen.

                            Tja, und irgendwie hab ich mich so auf den Editor versteift und nicht das kleingedruckte Thema rechts in der Sidebar unter CSS gesehen.

                            Und wie gesagt sah das Icon auch am Anfang immer so aus, wie ich es wollte und erst nach einem Neustart des Editors hat es die wahren Eigenschaften angenommen.

                            Jetzt klappt alles zum 1. Problem. Thema eingestellt, Cache gelöscht, Browserfenster aktualisiert und ich bin glücklich :D

                            DANKE für deine Hilfe!!!

                            Noch zum 2 Problem:

                            @Homoran:

                            Bitte auch dieses Widget als export! Danke `

                            [{"tpl":"tplValueListHtml8","data":{"hm_id":"14450","digits":6,"factor":1,"value0":"Anwesend","value1":"Abwesend","value2":"","style0":"background-color: green; padding: 3px;","style1":"background-color: red; padding: 3px;","style2":"","comment":"","class":"","filterkey":"Sicherheit","count":"1","oid":"system.adapter.yr.1.alive","test_list":"0","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,"g_visibility":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"width":"120px","height":"24px","left":"148px","top":"168px","background":"","font":"normal normal normal 16px/normal Arial","text-align":"center","color":"white","padding":"0px","z-index":"10"},"widgetSet":"basic"}]
                            
                            

                            Gruß Michael

                            1 Antwort Letzte Antwort
                            0
                            • HomoranH Nicht stören
                              HomoranH Nicht stören
                              Homoran
                              Global Moderator Administrators
                              schrieb am zuletzt editiert von
                              #17

                              Hallo Michael,

                              dein zweites "Problem" könnte ich auch gelöst haben.

                              Dei Widget wird bei mir auch nicht angezeigt.

                              Nachdem ich dann deinen Datenpunkt:

                              system.adapter.yr.1.alive
                              

                              den ich nicht habe gegen ein Licht (State) ausgetauscht habe klappte es.

                              Es wurde zwar rot, wenn das Licht an war und grün, wenn es aus war aber es funktionierte.

                              Arbeitshypothese:

                              dein Datenpunkt liefert nicht die Werte 0 und 1, obwohl ein alive dies sollte.

                              Oder du hast auch die Instanz yr.1 gar nicht mehr

                              Aufschluss gibt ein Screenshot des Objekts ystem.adapter.yr.1.alive

                              Gruß

                              Rainer

                              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                              1 Antwort Letzte Antwort
                              0
                              • B Offline
                                B Offline
                                belze
                                schrieb am zuletzt editiert von
                                #18

                                @Homoran:

                                dein zweites "Problem" könnte ich auch gelöst haben. `
                                Hallo Rainer,

                                du bist der Beste… ;)

                                Wie du sagst mit einem Schalter oder einer Boolean-Variabel klappts auf einmal...

                                Die alive-Variabel hatte ich nur zum testen, eigentlich ist diese doch auch Boolean!?

                                Naja, im nachhinein können manche Sachen echt einfach sein :D

                                Vielen Dank nochmal!

                                Jetzt kann mein Projekt weitergehen...

                                Gruß Michael

                                1 Antwort Letzte Antwort
                                0
                                • S Offline
                                  S Offline
                                  Sandhase
                                  schrieb am zuletzt editiert von
                                  #19

                                  Hallo zusammen,

                                  jetzt greife ich einfach mal die Überschrift auf und hoffe, dass Ihr mein Anfängerproblem schnell lösen könnt.

                                  Nachdem ich jetzt schon einiges in meinen Views zum Laufen bekommen hab, werde ich auch kreativer und Text soll mehr und mehr gegen Icons getauscht werden.

                                  Ich habe inzwischen einiges an Icons importiert, die grundsätzlich auch im Dateimanager angezeigt werden.

                                  Leider wird dort aber nur der Dateiname angezeigt, das eigentliche Icon ist nicht zu erkennen.
                                  2523_dateimanager.jpg
                                  Füge ich nun ein Icon aus dem Dateimanager in mein Widget ein, wird dieses auch in dem Widget nicht angezeigt. Im Beispiel sollte eigentlich nur eine volle bzw. leere Batterie angezeigt werden.
                                  2523_widget.jpg
                                  2523_signalbilder.jpg
                                  Ich vermute mal, dass da noch ein grundsätzlicher Fehler meinerseits existiert, aber ich bin einfach ratlos.

                                  Danke,

                                  Sandhase

                                  Homematic CCU3
                                  Raspi 3
                                  Synology NAS
                                  Milight (v.5)
                                  Keymatic
                                  Philips HUE

                                  …

                                  1 Antwort Letzte Antwort
                                  0
                                  • R Offline
                                    R Offline
                                    RappiRN
                                    Most Active
                                    schrieb am zuletzt editiert von
                                    #20

                                    In der Icon-Auswahl kannst du hier klicken:

                                    2216_icons.jpg

                                    Dann solltest du da schonmal die Bilder erkennen.

                                    Enrico

                                    1 Antwort Letzte Antwort
                                    0
                                    • HomoranH Nicht stören
                                      HomoranH Nicht stören
                                      Homoran
                                      Global Moderator Administrators
                                      schrieb am zuletzt editiert von
                                      #21

                                      Es gibt nur einige widgets, bei denen man die icons austauschen kann.

                                      Du bist unter Signalbilder gelandet.

                                      Icons befinden sich (wenn verfügbar) im oberen Teil bei allgemein.

                                      Sie dir da mal das icon bulb on/off an.

                                      Gruß

                                      Rainer

                                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                      1 Antwort Letzte Antwort
                                      0
                                      • S Offline
                                        S Offline
                                        Sandhase
                                        schrieb am zuletzt editiert von
                                        #22

                                        @Enrico: Danke, das war eigentlich einfacher als gedacht.

                                        @Rainer: Danke, ich habs gefunden und dann auch vesucht die Icons zu verändern. Funktioniert tatsächlich nicht, aber zumindest weiß ich jetzt auch wo der Fehler lag. Ich hatte das Widget kopiert, aber das Icon leider nicht. Nachdem ich das in meinem Projekt hatte, gings dann auch.

                                        Sandhase

                                        Homematic CCU3
                                        Raspi 3
                                        Synology NAS
                                        Milight (v.5)
                                        Keymatic
                                        Philips HUE

                                        …

                                        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

                                        783

                                        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