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
    7
    1
    88

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Scheduled Pinned Locked Moved Visualisierung
vis
317 Posts 41 Posters 69.5k 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

    @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
                                    • haus-automatisierungH Online
                                      haus-automatisierungH Online
                                      haus-automatisierung
                                      Developer Most Active
                                      wrote on last edited by
                                      #198

                                      Hier noch ein Video zu dem Adapter (inklusive VIS-Integration)

                                      TrashSchedule.jpg

                                      🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                                      🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                                      📚 Meine inoffizielle ioBroker Dokumentation

                                      1 Reply Last reply
                                      1
                                      • JB_SullivanJ JB_Sullivan

                                        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

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

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

                                        Ich bin in css auch nicht wirklich fit

                                        Dann wird es schwierig, da dafür einige Änderungen notwendig sind. Ev. passt ja "meine" finally Version für dich (zumindest sind darin alle notwendigen Stellschrauben vorhanden):
                                        Bild 1.png
                                        Zur besseren Lesbarkeit habe ich den Text noch mit einem Schatten versehen.

                                        /*Trashschedule-Adapter*/
                                        .trashtype .daysleft {
                                            background: none !important;
                                            top: 56%;
                                            transform: scale(0.8) !important;
                                        }
                                        
                                        .trashtype .dumpster {
                                            transform: scale(0.8) !important;
                                            height: 98px !important;
                                        }
                                        
                                        .trashtype {
                                            width: 58px !important;
                                        }
                                        
                                        .trashtype .name {
                                            font-size: 16px !important;
                                            margin-top: 5px !important;
                                        }
                                        

                                        Passende Widgetgröße (für 5 Tonnen, sonst minus ~60px schmaler je Tonne):
                                        Bild 1.png

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

                                        haus-automatisierungH 1 Reply Last reply
                                        2
                                        • SBorgS SBorg

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

                                          Ich bin in css auch nicht wirklich fit

                                          Dann wird es schwierig, da dafür einige Änderungen notwendig sind. Ev. passt ja "meine" finally Version für dich (zumindest sind darin alle notwendigen Stellschrauben vorhanden):
                                          Bild 1.png
                                          Zur besseren Lesbarkeit habe ich den Text noch mit einem Schatten versehen.

                                          /*Trashschedule-Adapter*/
                                          .trashtype .daysleft {
                                              background: none !important;
                                              top: 56%;
                                              transform: scale(0.8) !important;
                                          }
                                          
                                          .trashtype .dumpster {
                                              transform: scale(0.8) !important;
                                              height: 98px !important;
                                          }
                                          
                                          .trashtype {
                                              width: 58px !important;
                                          }
                                          
                                          .trashtype .name {
                                              font-size: 16px !important;
                                              margin-top: 5px !important;
                                          }
                                          

                                          Passende Widgetgröße (für 5 Tonnen, sonst minus ~60px schmaler je Tonne):
                                          Bild 1.png

                                          haus-automatisierungH Online
                                          haus-automatisierungH Online
                                          haus-automatisierung
                                          Developer Most Active
                                          wrote on last edited by
                                          #200

                                          @SBorg Hey, danke für die Ergänzung. Ich bin selbst noch etwas unentschlossen, wieviele Konfigurationsmöglichkeiten ich anbieten soll. Je mehr man einstellen kann, desto mehr kann an der Ansicht auch kaputt gehen. Da ist es schwer einen Mittelweg zu finden.

                                          🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                                          🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                                          📚 Meine inoffizielle ioBroker Dokumentation

                                          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

                                          556

                                          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