Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

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

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Scheduled Pinned Locked Moved Visualisierung
vis
317 Posts 41 Posters 69.4k Views 49 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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)
    
    NegaleinN Offline
    NegaleinN Offline
    Negalein
    Global Moderator
    wrote on last edited by
    #169

    @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:

    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
    ° Node.js Fixer ---> iob nodejs-update
    ° Fixer ---> iob fix

    SBorgS 1 Reply Last reply
    0
    • 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
      wrote on last edited by
      #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 Reply Last reply
      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
        wrote on last edited by
        #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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
        ° Node.js Fixer ---> iob nodejs-update
        ° Fixer ---> iob fix

        SBorgS 1 Reply Last reply
        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
          wrote on last edited by 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 Reply Last reply
          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
            wrote on last edited by
            #173

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

            Hast du Hexwerte bei den Farben genommen

            Ja
            instances - ioBroker.png

            ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
            ° Node.js Fixer ---> iob nodejs-update
            ° Fixer ---> iob fix

            SBorgS 1 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #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 & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                ° Node.js Fixer ---> iob nodejs-update
                ° Fixer ---> iob fix

                SBorgS 1 Reply Last reply
                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
                  wrote on last edited by
                  #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 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    0
                    • liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      wrote on last edited by 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 Reply Last reply
                      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
                        wrote on last edited by
                        #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 Reply Last reply
                        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
                          wrote on last edited by
                          #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 Replies Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            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 Offline
                              FeuersturmF Offline
                              Feuersturm
                              wrote on last edited by
                              #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 Reply Last reply
                              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
                                wrote on last edited by
                                #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 Reply Last reply
                                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
                                  wrote on last edited by
                                  #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 Reply Last reply
                                  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
                                    wrote on last edited by 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 Reply Last reply
                                    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
                                      wrote on last edited by
                                      #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 Reply Last reply
                                      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
                                        wrote on last edited by
                                        #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 Reply Last reply
                                        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
                                          wrote on last edited by
                                          #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 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          685

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe