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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Vorlagen/Ideen MüllPlan VIEW / Widget ?

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.4k

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.3k Aufrufe 49 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.
  • NegaleinN Negalein

    @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

    Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

    Danke
    Wie kommst du an das CSS vom Widget? Über die Console im Browser?

    scale(0.5)

    Ich Depp. Klar mit scale. Und ich habs mit calc probiert. :astonished:

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

    @Negalein sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

    Wie kommst du an das CSS vom Widget? Über die Console im Browser?

    Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

    /opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css
    

    Das "!important" gibt es dort allerdings nicht. Damit wird immer der entsprechende Wert des Originals überschrieben.

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

    NegaleinN 1 Antwort Letzte Antwort
    0
    • SBorgS SBorg

      @Negalein sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

      Wie kommst du an das CSS vom Widget? Über die Console im Browser?

      Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

      /opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css
      

      Das "!important" gibt es dort allerdings nicht. Damit wird immer der entsprechende Wert des Originals überschrieben.

      NegaleinN Offline
      NegaleinN Offline
      Negalein
      Global Moderator
      schrieb am zuletzt editiert von
      #171

      @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

      Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

      werd ich mir merken.

      Warum sieht man bei deinem Widget ein Kreuz im Deckel und bei mir nicht?
      Edit vis (3).png

      ° Node.js: 20.17.0 NPM: 10.8.2
      ° Proxmox, Ubuntu 22.04.3 LTS
      ° Fixer ---> iob fix

      SBorgS 1 Antwort Letzte Antwort
      0
      • NegaleinN Negalein

        @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

        Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

        werd ich mir merken.

        Warum sieht man bei deinem Widget ein Kreuz im Deckel und bei mir nicht?
        Edit vis (3).png

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

        @Negalein Gute Frage, nächste Frage... ;)
        Hast du Hexwerte bei den Farben genommen, oder einfach red, black, yellow? Ev. klappt dann die Umrechnung nicht?

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

        NegaleinN 1 Antwort Letzte Antwort
        0
        • SBorgS SBorg

          @Negalein Gute Frage, nächste Frage... ;)
          Hast du Hexwerte bei den Farben genommen, oder einfach red, black, yellow? Ev. klappt dann die Umrechnung nicht?

          NegaleinN Offline
          NegaleinN Offline
          Negalein
          Global Moderator
          schrieb am zuletzt editiert von
          #173

          @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

          Hast du Hexwerte bei den Farben genommen

          Ja
          instances - ioBroker.png

          ° Node.js: 20.17.0 NPM: 10.8.2
          ° Proxmox, Ubuntu 22.04.3 LTS
          ° Fixer ---> iob fix

          SBorgS 1 Antwort Letzte Antwort
          0
          • NegaleinN Negalein

            @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

            Hast du Hexwerte bei den Farben genommen

            Ja
            instances - ioBroker.png

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

            @Negalein Ich glaube du bist zu "hart" unterwegs, dass ist ja im Prinzip rot, gelb und schwarz. Versuche es mal mit etwas weniger rot, gelb,...
            "Meine":
            Bild 1.png

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

            NegaleinN 1 Antwort Letzte Antwort
            2
            • SBorgS SBorg

              @Negalein Ich glaube du bist zu "hart" unterwegs, dass ist ja im Prinzip rot, gelb und schwarz. Versuche es mal mit etwas weniger rot, gelb,...
              "Meine":
              Bild 1.png

              NegaleinN Offline
              NegaleinN Offline
              Negalein
              Global Moderator
              schrieb am zuletzt editiert von
              #175

              @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

              Ich glaube du bist zu "hart" unterwegs,

              Bingo, das wars!
              Edit vis (4).png

              @haus-automatisierung, jetzt seh ich auch alle Deckel ;)

              ° Node.js: 20.17.0 NPM: 10.8.2
              ° Proxmox, Ubuntu 22.04.3 LTS
              ° Fixer ---> iob fix

              SBorgS 1 Antwort Letzte Antwort
              1
              • NegaleinN Negalein

                @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                Ich glaube du bist zu "hart" unterwegs,

                Bingo, das wars!
                Edit vis (4).png

                @haus-automatisierung, jetzt seh ich auch alle Deckel ;)

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

                @Negalein sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                jetzt seh ich auch alle Deckel

                :grin: und ich dachte schon "wann soll der Deckel zu sein?".
                Hmm, Füllstandsanzeige für die Tonnen...:upside_down_face:

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

                1 Antwort Letzte Antwort
                1
                • SBorgS SBorg

                  @Negalein Ich habe mir das CSS vom Widget angeschaut und dann überschreibe ich die entsprechenden Werte. Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

                  .trashtype .daysleft {
                      background: #CCCCCC88 !important;
                      color: #222222 !important;
                  }
                  

                  Nun ist der Hintergrund etwas stärker und die Schrift fast schwarz. Trotzdem kann man noch im Widget die Textfarbe ändern:
                  Bild 1.png

                  Die Skalierung habe ich einfach über "transform" (in CSS Allgemein) realisiert. Einfach für bspw. die 50% eintragen:

                  scale(0.5)
                  
                  ChaotC Offline
                  ChaotC Offline
                  Chaot
                  schrieb am zuletzt editiert von
                  #177

                  @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
                  Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

                  .trashtype .daysleft {
                      background: #CCCCCC88 !important;
                      color: #222222 !important;
                  }
                  

                  Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

                  ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

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

                    kann es sein, dass wenn man große buchstaben nimmt in der farbe, dass es dann probleme macht - habe jetzt die werte von @SBorg (dank !) genommen und auf einmal sind die deckel farbig - vorher nicht

                    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

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

                      kann es sein, dass wenn man große buchstaben nimmt in der farbe, dass es dann probleme macht - habe jetzt die werte von @SBorg (dank !) genommen und auf einmal sind die deckel farbig - vorher nicht

                      ChaotC Offline
                      ChaotC Offline
                      Chaot
                      schrieb am zuletzt editiert von
                      #179

                      @liv-in-sky Nö - macht bei mir keinen Unterschied

                      ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

                      1 Antwort Letzte Antwort
                      0
                      • ChaotC Chaot

                        @SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
                        Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

                        .trashtype .daysleft {
                            background: #CCCCCC88 !important;
                            color: #222222 !important;
                        }
                        

                        Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

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

                        @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                        Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

                        Ist normal, gilt auch für andere CSS. Kann anscheinend der Editor nicht korrekt erkennen. Funktioniert aber.

                        @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                        @liv-in-sky Nö - macht bei mir keinen Unterschied

                        Nö, ist wurscht. Ich bin halt faul und schreibe es immer klein :)

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

                        liv-in-skyL ChaotC 2 Antworten Letzte Antwort
                        0
                        • SBorgS SBorg

                          @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                          Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

                          Ist normal, gilt auch für andere CSS. Kann anscheinend der Editor nicht korrekt erkennen. Funktioniert aber.

                          @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                          @liv-in-sky Nö - macht bei mir keinen Unterschied

                          Nö, ist wurscht. Ich bin halt faul und schreibe es immer klein :)

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

                          @SBorg @Chaot

                          ihr habt recht - es sind einfach bestimmte werte, die er nicht mag - groß klein ist egal

                          Image 7.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

                          SBorgS 1 Antwort Letzte Antwort
                          0
                          • FeuersturmF Feuersturm

                            @SBorg Das Feature kann ich auch gebrauchen. Bei uns ist es so, dass z.B. Mittwochs Plastikmüll und einen Tag später dann die Biotonne geleert wird. Würde mich daher auch freuen, wenn die übernächste Leerung als Datenpunkt vorhanden ist.

                            Edit: Hab mal bei Github ein Issue angelegt: https://github.com/klein0r/ioBroker.trashschedule/issues/7

                            FeuersturmF Online
                            FeuersturmF Online
                            Feuersturm
                            schrieb am zuletzt editiert von
                            #182

                            @Feuersturm sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                            Edit: Hab mal bei Github ein Issue angelegt: https://github.com/klein0r/ioBroker.trashschedule/issues/7

                            @haus-automatisierung Danke für die schnelle Umsetzung :-) Neuer Datenpunkt wird korrekt befüllt.

                            1 Antwort Letzte Antwort
                            0
                            • SBorgS SBorg

                              @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                              Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

                              Ist normal, gilt auch für andere CSS. Kann anscheinend der Editor nicht korrekt erkennen. Funktioniert aber.

                              @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                              @liv-in-sky Nö - macht bei mir keinen Unterschied

                              Nö, ist wurscht. Ich bin halt faul und schreibe es immer klein :)

                              ChaotC Offline
                              ChaotC Offline
                              Chaot
                              schrieb am zuletzt editiert von
                              #183

                              @SBorg Danke schön.
                              Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?
                              Meine Frau ist sauer weil ich ihr das schöne Männchen wieder wegenommen habe tonne_grün(1).png

                              ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

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

                                @SBorg @Chaot

                                ihr habt recht - es sind einfach bestimmte werte, die er nicht mag - groß klein ist egal

                                Image 7.png

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

                                @liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                es sind einfach bestimmte werte, die er nicht mag

                                Matthias rechnet die ja um für die Schattierungen. Also bspw. 10% grüner/heller als die eingegebene Farbe. Hast du jetzt voll grün eingestellt 100% oder ff, kann er eben nicht mehr als 100% oder ff und macht dann ... was auch immer ;)

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

                                liv-in-skyL 1 Antwort Letzte Antwort
                                0
                                • ChaotC Chaot

                                  @SBorg Danke schön.
                                  Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?
                                  Meine Frau ist sauer weil ich ihr das schöne Männchen wieder wegenommen habe tonne_grün(1).png

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

                                  @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                  Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?

                                  Das wird nicht einfach. Du müsstest aus der Tonne eine SVG erzeugen und dann im CSS ersetzen. Dort ist die "Originale" Tonne (unter "dumpster") von Matthias:

                                  /opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css
                                  

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

                                  ChaotC 1 Antwort Letzte Antwort
                                  1
                                  • SBorgS SBorg

                                    @liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                    es sind einfach bestimmte werte, die er nicht mag

                                    Matthias rechnet die ja um für die Schattierungen. Also bspw. 10% grüner/heller als die eingegebene Farbe. Hast du jetzt voll grün eingestellt 100% oder ff, kann er eben nicht mehr als 100% oder ff und macht dann ... was auch immer ;)

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

                                    @SBorg - danke - jetzt ist es klar

                                    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
                                    • crunchipC crunchip

                                      @Axel-Koeneke hast du es hinbekommen? wie sigi234 schon schrieb, als view importieren.

                                      was meinst du mit Flot....Adresse??

                                      Axel KoenekeA Offline
                                      Axel KoenekeA Offline
                                      Axel Koeneke
                                      schrieb am zuletzt editiert von
                                      #187

                                      @crunchip Jain, also bis auf das ich keine Tonnen sehe, stattdessen habe ich bunte vierecke. Aber das finde ich bestimmt noch.
                                      Mit der Adresse meine ich das im Code:
                                      Unbenannt.PNG

                                      crunchipC 1 Antwort Letzte Antwort
                                      0
                                      • SBorgS SBorg

                                        @Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                        Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?

                                        Das wird nicht einfach. Du müsstest aus der Tonne eine SVG erzeugen und dann im CSS ersetzen. Dort ist die "Originale" Tonne (unter "dumpster") von Matthias:

                                        /opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css
                                        
                                        ChaotC Offline
                                        ChaotC Offline
                                        Chaot
                                        schrieb am zuletzt editiert von
                                        #188

                                        @SBorg Uh - lieber nicht.
                                        Wenn ich dich richtig verstanden habe sagtest du " Bahnhof Bahnhof Bahnhof" :anguished: :astonished:

                                        ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

                                        1 Antwort Letzte Antwort
                                        0
                                        • K Online
                                          K Online
                                          Kuddel
                                          schrieb am zuletzt editiert von
                                          #189

                                          Kann man die Größe der Tonnen irgendwie verändern ?

                                          In der Standardgröße passen sie nicht so recht auf meine VIS-Startseite

                                          SBorgS 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

                                          714

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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