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

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    227

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Scheduled Pinned Locked Moved Visualisierung
vis
317 Posts 41 Posters 70.0k 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.
  • 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
                        • K Offline
                          K Offline
                          Kuddel
                          wrote on last edited by
                          #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 Reply Last reply
                          0
                          • K Kuddel

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

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

                            SBorgS Offline
                            SBorgS Offline
                            SBorg
                            Forum Testing Most Active
                            wrote on last edited by SBorg
                            #190

                            @Kuddel bei "transform" über scale(0.5) für bspw. 50% Größe :)
                            EDIT: oder meinst du jede Tonne?

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

                            K 1 Reply Last reply
                            0
                            • SBorgS SBorg

                              @Kuddel bei "transform" über scale(0.5) für bspw. 50% Größe :)
                              EDIT: oder meinst du jede Tonne?

                              K Offline
                              K Offline
                              Kuddel
                              wrote on last edited by
                              #191

                              @SBorg am besten jeden tonne kleiner

                              SBorgS 1 Reply Last reply
                              0
                              • K Kuddel

                                @SBorg am besten jeden tonne kleiner

                                SBorgS Offline
                                SBorgS Offline
                                SBorg
                                Forum Testing Most Active
                                wrote on last edited by
                                #192

                                @Kuddel Per CSS auf bspw. 50% Größe:

                                .trashtype .dumpster {
                                     transform: scale(0.5) !important;  
                                }
                                

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

                                K 1 Reply Last reply
                                0
                                • SBorgS SBorg

                                  @Kuddel Per CSS auf bspw. 50% Größe:

                                  .trashtype .dumpster {
                                       transform: scale(0.5) !important;  
                                  }
                                  
                                  K Offline
                                  K Offline
                                  Kuddel
                                  wrote on last edited by
                                  #193

                                  @SBorg ja das hat schon einmal geklappt.

                                  Wie kann ich den Abstand der Texte noch veringern ?

                                  Hier einmal der Verlgeich alt und neu:

                                  b819ebb1-b537-415e-a838-3b254d61da0d-grafik.png

                                  SBorgS 1 Reply Last reply
                                  0
                                  • K Kuddel

                                    @SBorg ja das hat schon einmal geklappt.

                                    Wie kann ich den Abstand der Texte noch veringern ?

                                    Hier einmal der Verlgeich alt und neu:

                                    b819ebb1-b537-415e-a838-3b254d61da0d-grafik.png

                                    SBorgS Offline
                                    SBorgS Offline
                                    SBorg
                                    Forum Testing Most Active
                                    wrote on last edited by
                                    #194

                                    @Kuddel da müsstest du noch die Höhe verändern, denn die ist fix auf 200px für die Tonne gestellt. Zusätzlich also bspw.

                                    height: 150px !important;
                                    

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

                                    K 1 Reply Last reply
                                    0
                                    • SBorgS SBorg

                                      @Kuddel da müsstest du noch die Höhe verändern, denn die ist fix auf 200px für die Tonne gestellt. Zusätzlich also bspw.

                                      height: 150px !important;
                                      
                                      K Offline
                                      K Offline
                                      Kuddel
                                      wrote on last edited by Kuddel
                                      #195

                                      @SBorg

                                      .trashtype .dumpster {     transform: scale(0.5) 
                                      height: 150px !important;
                                      }
                                      

                                      Dann sieht es so aus:
                                      48270b60-1ab7-48f7-9b6a-0ae5ed9834e3-grafik.png

                                      Sorry von CSS habe ich noch keine Ahnung

                                      EDIT: Fehler gefunden. Es fehlte ein Semikolon

                                      a792b4fa-9d45-4d19-91b0-73e567b7f3cf-grafik.png

                                      1 Reply Last reply
                                      0
                                      • Axel KoenekeA Axel Koeneke

                                        @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 Away
                                        crunchipC Away
                                        crunchip
                                        Forum Testing Most Active
                                        wrote on last edited by
                                        #196

                                        @Axel-Koeneke jetzt hab ich gefunden, was du meinst. Ehrlich gesagt hab ich keine Ahnung wie das da rein kommt. Hatte die View selbst mal von hier im Forum irgendwann mal importiert, scheinbar war das damals schon im code.

                                        umgestiegen von Proxmox auf Unraid

                                        1 Reply Last reply
                                        0
                                        • JB_SullivanJ Offline
                                          JB_SullivanJ Offline
                                          JB_Sullivan
                                          wrote on last edited by
                                          #197

                                          Ich bin in css auch nicht wirklich fit

                                          Wie bekomme ich die seitlichen Abstände zwischen den Tonnen und die oberen und unteren Abstände der Schrift zu den Tonnen eingestellt?

                                          2020-03-10 16_59_11-Edit vis.png

                                          ioBroker (since 2018) auf Intel Core i3-5005U NUC und Windwos10 Pro

                                          SBorgS 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

                                          260

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          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