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

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.
  • SBorgS SBorg

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

    es sind einfach bestimmte werte, die er nicht mag

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

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

    @SBorg - danke - jetzt ist es klar

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    1 Antwort Letzte Antwort
    0
    • crunchipC crunchip

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

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

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

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

      crunchipC 1 Antwort Letzte Antwort
      0
      • SBorgS SBorg

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

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

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

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

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

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

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

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

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

          SBorgS 1 Antwort Letzte Antwort
          0
          • 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 Online
              K Online
              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 Online
                  K Online
                  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 Online
                      K Online
                      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
                            • 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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                • M Offline
                                  M Offline
                                  motugozu
                                  schrieb am zuletzt editiert von
                                  #201

                                  Mein Widget wird in der Vis Runtime im Browser angezeigt alles gut, aber sobald ich es auf mein Tablet öffne über die IO Broker Vis App wird es nicht dargestellt . Woran kann das liegen hat jemand eine Idee ?

                                  JB_SullivanJ NegaleinN K 3 Antworten Letzte Antwort
                                  0
                                  • M motugozu

                                    Mein Widget wird in der Vis Runtime im Browser angezeigt alles gut, aber sobald ich es auf mein Tablet öffne über die IO Broker Vis App wird es nicht dargestellt . Woran kann das liegen hat jemand eine Idee ?

                                    JB_SullivanJ Offline
                                    JB_SullivanJ Offline
                                    JB_Sullivan
                                    schrieb am zuletzt editiert von
                                    #202

                                    @SBorg

                                    Super vielen Dank - hat funktioniert - aber warum wird mir in jeder Zeile wo ein! important drin steht, ein Ausrufezeichen angezeigt? Lösche ich das !important raus, ist das Ausrufezeichen weg. Brauche ich das !important wirklich?

                                    2020-03-11 17_40_27-Edit vis.png

                                    @haus-automatisierung

                                    Vielleicht noch ein Wunsch zum Widget - vielleicht könnte man die Zahl, welche Tonne innerhalb der nächsten 3? Tage fällig ist, rot einfärben? Ich kann sowieso die Zahl, die speziell auf der gelben Tonne ist, kaum erkennen.

                                    2020-03-11 17_45_38-Edit vis.png

                                    ioBroker auf Intel Core i3-5005U NUC und Windwos10 Pro

                                    sigi234S 1 Antwort Letzte Antwort
                                    0
                                    • M motugozu

                                      Mein Widget wird in der Vis Runtime im Browser angezeigt alles gut, aber sobald ich es auf mein Tablet öffne über die IO Broker Vis App wird es nicht dargestellt . Woran kann das liegen hat jemand eine Idee ?

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

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

                                      über die IO Broker Vis App wird es nicht dargestellt

                                      liegt an der App.
                                      Dauert öfter, bis Widget dort eingepflegt werden.

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

                                      S 1 Antwort Letzte Antwort
                                      1
                                      • M motugozu

                                        Mein Widget wird in der Vis Runtime im Browser angezeigt alles gut, aber sobald ich es auf mein Tablet öffne über die IO Broker Vis App wird es nicht dargestellt . Woran kann das liegen hat jemand eine Idee ?

                                        K Offline
                                        K Offline
                                        Kueppert
                                        schrieb am zuletzt editiert von
                                        #204

                                        @motugozu deshalb nutze ich mitlerweile den KioskBrowser am Tablet ;) das feine: Bildschirm an bei Bewegung etc. Find ich ganz cool. Und mit dem Adapter zum FullyKioskBrowser schalte ich noch meine Steckdose an, wenn der Akku vom Tablet <20% ist :)

                                        UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                                        heinhanH 1 Antwort Letzte Antwort
                                        1
                                        • JB_SullivanJ JB_Sullivan

                                          @SBorg

                                          Super vielen Dank - hat funktioniert - aber warum wird mir in jeder Zeile wo ein! important drin steht, ein Ausrufezeichen angezeigt? Lösche ich das !important raus, ist das Ausrufezeichen weg. Brauche ich das !important wirklich?

                                          2020-03-11 17_40_27-Edit vis.png

                                          @haus-automatisierung

                                          Vielleicht noch ein Wunsch zum Widget - vielleicht könnte man die Zahl, welche Tonne innerhalb der nächsten 3? Tage fällig ist, rot einfärben? Ich kann sowieso die Zahl, die speziell auf der gelben Tonne ist, kaum erkennen.

                                          2020-03-11 17_45_38-Edit vis.png

                                          sigi234S Online
                                          sigi234S Online
                                          sigi234
                                          Forum Testing Most Active
                                          schrieb am zuletzt editiert von sigi234
                                          #205

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

                                          Vielleicht noch ein Wunsch zum Widget - vielleicht könnte man die Zahl, welche Tonne innerhalb der nächsten 3? Tage fällig ist, rot einfärben? Ich kann sowieso die Zahl, die speziell auf der gelben Tonne ist, kaum erkennen.

                                          Geht mit color :

                                          .trashtype .daysleft {
                                              background: transparent !important;
                                              color: #ff0000 !important;
                                          

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                          Immer Daten sichern!

                                          JB_SullivanJ 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

                                          482

                                          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