Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.5k 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.
  • 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 Offline
                        K Offline
                        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
                        • 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
                          schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #191

                            @SBorg am besten jeden tonne kleiner

                            SBorgS 1 Antwort Letzte Antwort
                            0
                            • K Kuddel

                              @SBorg am besten jeden tonne kleiner

                              SBorgS Offline
                              SBorgS Offline
                              SBorg
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • SBorgS SBorg

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

                                .trashtype .dumpster {
                                     transform: scale(0.5) !important;  
                                }
                                
                                K Offline
                                K Offline
                                Kuddel
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    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 Abwesend
                                      crunchipC Abwesend
                                      crunchip
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • JB_SullivanJ Offline
                                        JB_SullivanJ Offline
                                        JB_Sullivan
                                        schrieb am zuletzt editiert von
                                        #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 auf Intel Core i3-5005U NUC und Windwos10 Pro

                                        SBorgS 1 Antwort Letzte Antwort
                                        0
                                        • haus-automatisierungH Online
                                          haus-automatisierungH Online
                                          haus-automatisierung
                                          Developer Most Active
                                          schrieb am zuletzt editiert von
                                          #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 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          870

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          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