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

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 64.0k 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.
  • T tempestas

    @moppel2810

    Das habe ich auch. Diese konkrete CSS Klasse habe ich nicht un Benutzung, aber andere mit blinken und co schon, geht ohne Probleme

    Wenn du nur einen rot leuchtenden Rahmen willst, versuch mal diese css Klasse

    .redGlow {filter: drop-shadow(0px 0px 3px #F44336)  ; }
    

    im Reiter CSS im Projekt so eintragen, dann beim Widet unter CSS

    redGlow

    eintragen

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

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

    .redGlow {filter: drop-shadow(0px 0px 3px #F44336) ; }

    das wollte ich auch benutzen, aber bei dunklen hintergrund ist der schatten kaum erkennbar - oder kennst du noch einen trick, wie der schatten etwas "satter" wird?

    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
    • moppel2810M Offline
      moppel2810M Offline
      moppel2810
      schrieb am zuletzt editiert von
      #115

      Liegt an der iobroker app. Ich benutze jetzt den Fully Browser und mit dem läuft es super er zeigt alles an und hat sogar bewegungserkennung zum aktivieren des Bildschirmes.

      1 Antwort Letzte Antwort
      0
      • C ChrisXY

        diese
        alt text
        Also das sBlinken habe ich jetzt mal eingefügt Projekt CSS
        dann bei css class "blink" reingeschrieben.
        Klappt aber nicht. Im css ist was mit "block"
        Ich hab folgendes widget : Basic bool html.

        H Offline
        H Offline
        Hundefreund
        schrieb am zuletzt editiert von
        #116

        @ChrisXY
        ich bin neu in der Materie hier ...
        Kannst du mir deine Müllplan View /widget /scripte /Bilder, wie auf dem oberen Bild (gefällt mir sehr gut !!) ,die man für die VIS baucht noch mal linken ??

        Vielen Dank

        INTEL-Nuc I3 CPU,16GB RAM
        Promox/Iobroker /Zwave Aero-Stick
        PI4 incl. piVCCU3 /Deconz
        Vis im Aufbau...
        Gartenbewässerung im Aufbau mit Sonoff 4CH...

        1 Antwort Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @crunchip danke - kann ich gut gebrauchen

          uml-ani-gif11.gif

          H Offline
          H Offline
          Hundefreund
          schrieb am zuletzt editiert von
          #117

          @liv-in-sky
          Hallo ich bin hier neu in der ganzen
          Materie...
          Ich habe mir mal die 3 Scripte runtergeladen und in Vis eingebunden.
          Wo werden denn die Mülltonnen-Bilder
          eingebunden und wo sind die verschiedenen
          CSS scripte ?
          Danke schon mal...

          INTEL-Nuc I3 CPU,16GB RAM
          Promox/Iobroker /Zwave Aero-Stick
          PI4 incl. piVCCU3 /Deconz
          Vis im Aufbau...
          Gartenbewässerung im Aufbau mit Sonoff 4CH...

          GlasfaserG liv-in-skyL 2 Antworten Letzte Antwort
          0
          • H Hundefreund

            @liv-in-sky
            Hallo ich bin hier neu in der ganzen
            Materie...
            Ich habe mir mal die 3 Scripte runtergeladen und in Vis eingebunden.
            Wo werden denn die Mülltonnen-Bilder
            eingebunden und wo sind die verschiedenen
            CSS scripte ?
            Danke schon mal...

            GlasfaserG Offline
            GlasfaserG Offline
            Glasfaser
            schrieb am zuletzt editiert von Glasfaser
            #118

            @Hundefreund

            Ich möchte jetzt keine Werbung machen ….. aber es gibt einen fertigen Adapter dafür .

            TrashSchedule

            und Widget von Sigi234

            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

            H 1 Antwort Letzte Antwort
            0
            • H Hundefreund

              @liv-in-sky
              Hallo ich bin hier neu in der ganzen
              Materie...
              Ich habe mir mal die 3 Scripte runtergeladen und in Vis eingebunden.
              Wo werden denn die Mülltonnen-Bilder
              eingebunden und wo sind die verschiedenen
              CSS scripte ?
              Danke schon mal...

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

              @Hundefreund ja - kann ich nur empfehlen - vereinfacht das ganze (trashschedule)

              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

              S 1 Antwort Letzte Antwort
              0
              • GlasfaserG Glasfaser

                @Hundefreund

                Ich möchte jetzt keine Werbung machen ….. aber es gibt einen fertigen Adapter dafür .

                TrashSchedule

                und Widget von Sigi234

                H Offline
                H Offline
                Hundefreund
                schrieb am zuletzt editiert von
                #120

                @Glasfaser
                hallo erst mal danke für die Infos,
                ich suche jedoch das Widget mit den 4 "echten Mülltonnen" die bei Tag 0 graphisch angehoben werden und rot
                eingerahmt blinken..

                INTEL-Nuc I3 CPU,16GB RAM
                Promox/Iobroker /Zwave Aero-Stick
                PI4 incl. piVCCU3 /Deconz
                Vis im Aufbau...
                Gartenbewässerung im Aufbau mit Sonoff 4CH...

                GlasfaserG liv-in-skyL 2 Antworten Letzte Antwort
                0
                • H Hundefreund

                  @Glasfaser
                  hallo erst mal danke für die Infos,
                  ich suche jedoch das Widget mit den 4 "echten Mülltonnen" die bei Tag 0 graphisch angehoben werden und rot
                  eingerahmt blinken..

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  schrieb am zuletzt editiert von
                  #121

                  @Hundefreund

                  Meinst du Das !?

                  uml-ani-gif11.gif

                  ist von @liv-in-sky

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  1 Antwort Letzte Antwort
                  0
                  • H Hundefreund

                    @Glasfaser
                    hallo erst mal danke für die Infos,
                    ich suche jedoch das Widget mit den 4 "echten Mülltonnen" die bei Tag 0 graphisch angehoben werden und rot
                    eingerahmt blinken..

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

                    @Hundefreund

                    bilder - der rest ist weiter vorne beschrieben


                    muelltonneGruen (1).png muelltonneGelb.png muelltonneBraun.png muelltonneBlau.png muelltonneSchwarz.png muelltonneRot (1).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

                    H 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @Hundefreund ja - kann ich nur empfehlen - vereinfacht das ganze (trashschedule)

                      S Offline
                      S Offline
                      salmi
                      schrieb am zuletzt editiert von
                      #123

                      @liv-in-sky Hallo, ich wurde dieses auch gerne Verwenden ich nutze den Trash

                      ich hatte die css-classe angepasst aber es funktioniert nicht so wie ich es will

                      {val:trashschedule.0.type.Altpapier.daysleft;val=="true"? "blink-red": "blink-red"} 
                      
                      

                      Ich würde gerne wenn der Wert trashschedule.0.next.daysleft <=1 ist das der Rote Rahmen angezeigt wird.

                      Kann mir da wer Helfen ?
                      Danke

                      crunchipC 1 Antwort Letzte Antwort
                      0
                      • S salmi

                        @liv-in-sky Hallo, ich wurde dieses auch gerne Verwenden ich nutze den Trash

                        ich hatte die css-classe angepasst aber es funktioniert nicht so wie ich es will

                        {val:trashschedule.0.type.Altpapier.daysleft;val=="true"? "blink-red": "blink-red"} 
                        
                        

                        Ich würde gerne wenn der Wert trashschedule.0.next.daysleft <=1 ist das der Rote Rahmen angezeigt wird.

                        Kann mir da wer Helfen ?
                        Danke

                        crunchipC Abwesend
                        crunchipC Abwesend
                        crunchip
                        Forum Testing Most Active
                        schrieb am zuletzt editiert von
                        #124

                        @salmi siehe weiter oben...nur deinen Datenpunkt anpassen
                        https://forum.iobroker.net/post/268118

                        umgestiegen von Proxmox auf Unraid

                        1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @Hundefreund

                          bilder - der rest ist weiter vorne beschrieben


                          muelltonneGruen (1).png muelltonneGelb.png muelltonneBraun.png muelltonneBlau.png muelltonneSchwarz.png muelltonneRot (1).png

                          H Offline
                          H Offline
                          Hundefreund
                          schrieb am zuletzt editiert von
                          #125

                          @liv-in-sky
                          erst mal Danke..
                          Ich benutze gerade noch die beiden alten Müllscripte und das dazugehörige Widget.
                          Dort ist aber alles anders eingestellt und ich finde nicht die Stelle,wo man
                          deine Mülltonnen einverlinkt..
                          Einfacher wäre es für mich ,wenn du
                          mir einen Widget Export von deiner Müll-Vis zur Verfügung stellen würdest!
                          VIELEN Dank

                          INTEL-Nuc I3 CPU,16GB RAM
                          Promox/Iobroker /Zwave Aero-Stick
                          PI4 incl. piVCCU3 /Deconz
                          Vis im Aufbau...
                          Gartenbewässerung im Aufbau mit Sonoff 4CH...

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • H Hundefreund

                            @liv-in-sky
                            erst mal Danke..
                            Ich benutze gerade noch die beiden alten Müllscripte und das dazugehörige Widget.
                            Dort ist aber alles anders eingestellt und ich finde nicht die Stelle,wo man
                            deine Mülltonnen einverlinkt..
                            Einfacher wäre es für mich ,wenn du
                            mir einen Widget Export von deiner Müll-Vis zur Verfügung stellen würdest!
                            VIELEN Dank

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

                            @Hundefreund in sachen vis bin ich kein wirklicher profi, was design und ideen angeht - da gibt es echte experten - wie z.b @sigi234 dafür

                            bei meiner vis gibt es oben einen bereich, der auf jeder view angezeigt wird und darin sind z.b. auch die tonnen mit drin

                            Image 2.png

                            in Klasse steht:

                            {val:trashschedule.0.type.BIOMÜLL.daysleft; val<=1 ? "anime": val>= 2 ? "": ""}
                            

                            anime dreht das widget

                            damit blinkt es rot

                            {val:trashschedule.0.type.BIOMÜLL.daysleft; val<=1 ? "blink-red": val>= 2 ? "": ""}
                            

                            css:

                            .blink-red   {
                              animation: mdui-red-blink-ani 3s linear infinite;
                            }
                            @keyframes mdui-red-blink-ani  {
                              0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                              51% {filter: none;}
                             
                            }
                            

                            bei deinem beispiel - siind einige fehler drin - zum einem ist val eine zahl - also must du eine zahl im vergleich haben. wäre es eine boolean(true,false) dürfte du true nicht in anführungsstrichen setzen, da dies mit einem string vergleicht

                            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

                            H 1 Antwort Letzte Antwort
                            0
                            • liv-in-skyL liv-in-sky

                              @Hundefreund in sachen vis bin ich kein wirklicher profi, was design und ideen angeht - da gibt es echte experten - wie z.b @sigi234 dafür

                              bei meiner vis gibt es oben einen bereich, der auf jeder view angezeigt wird und darin sind z.b. auch die tonnen mit drin

                              Image 2.png

                              in Klasse steht:

                              {val:trashschedule.0.type.BIOMÜLL.daysleft; val<=1 ? "anime": val>= 2 ? "": ""}
                              

                              anime dreht das widget

                              damit blinkt es rot

                              {val:trashschedule.0.type.BIOMÜLL.daysleft; val<=1 ? "blink-red": val>= 2 ? "": ""}
                              

                              css:

                              .blink-red   {
                                animation: mdui-red-blink-ani 3s linear infinite;
                              }
                              @keyframes mdui-red-blink-ani  {
                                0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                                51% {filter: none;}
                               
                              }
                              

                              bei deinem beispiel - siind einige fehler drin - zum einem ist val eine zahl - also must du eine zahl im vergleich haben. wäre es eine boolean(true,false) dürfte du true nicht in anführungsstrichen setzen, da dies mit einem string vergleicht

                              H Offline
                              H Offline
                              Hundefreund
                              schrieb am zuletzt editiert von
                              #127

                              @liv-in-sky
                              das muss ich erst alles entsprechend
                              ändern und an welcher Stelle werden denn die Mülltonnen (*.png ) verlinkt ???

                              INTEL-Nuc I3 CPU,16GB RAM
                              Promox/Iobroker /Zwave Aero-Stick
                              PI4 incl. piVCCU3 /Deconz
                              Vis im Aufbau...
                              Gartenbewässerung im Aufbau mit Sonoff 4CH...

                              liv-in-skyL 1 Antwort Letzte Antwort
                              0
                              • H Hundefreund

                                @liv-in-sky
                                das muss ich erst alles entsprechend
                                ändern und an welcher Stelle werden denn die Mülltonnen (*.png ) verlinkt ???

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

                                @Hundefreund

                                meinst du das:

                                Image 7.png

                                in der vis ist das ein image-widget - rechts steht die Klasse unter quelle steht das bild selbst

                                der css eintrag ghört in den "blauen" pfeil

                                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

                                H 1 Antwort Letzte Antwort
                                0
                                • liv-in-skyL liv-in-sky

                                  @Hundefreund

                                  meinst du das:

                                  Image 7.png

                                  in der vis ist das ein image-widget - rechts steht die Klasse unter quelle steht das bild selbst

                                  der css eintrag ghört in den "blauen" pfeil

                                  H Offline
                                  H Offline
                                  Hundefreund
                                  schrieb am zuletzt editiert von
                                  #129

                                  @liv-in-sky
                                  danke ,genau das meinte ich !
                                  Vielen Dank noch mal für deine Mühe.
                                  Jetzt blick ich da schon besser durch...
                                  Muss dann jetzt noch alles entsprechend ändern und auch noch den trash-schedule Adapter installieren!

                                  INTEL-Nuc I3 CPU,16GB RAM
                                  Promox/Iobroker /Zwave Aero-Stick
                                  PI4 incl. piVCCU3 /Deconz
                                  Vis im Aufbau...
                                  Gartenbewässerung im Aufbau mit Sonoff 4CH...

                                  1 Antwort Letzte Antwort
                                  0
                                  • S Offline
                                    S Offline
                                    salmi
                                    schrieb am zuletzt editiert von
                                    #130

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

                                    boolean

                                    Hallo würde da blinken auch gerne bei meiner Abwesenheit Einsätzen
                                    würde das so stimmen ?

                                    {boolean:radar2.1.Stefan._here;  boolean=true ? "blink-green":  boolean=false ? "blink-red": ""}
                                    

                                    weil irgendwie funktioniert es nicht hab es schon mit mehreren varianten versucht !
                                    DANKE

                                    liv-in-skyL 1 Antwort Letzte Antwort
                                    0
                                    • S salmi

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

                                      boolean

                                      Hallo würde da blinken auch gerne bei meiner Abwesenheit Einsätzen
                                      würde das so stimmen ?

                                      {boolean:radar2.1.Stefan._here;  boolean=true ? "blink-green":  boolean=false ? "blink-red": ""}
                                      

                                      weil irgendwie funktioniert es nicht hab es schon mit mehreren varianten versucht !
                                      DANKE

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

                                      @salmi

                                      probier mal das boolean ist ungut für eine bennenung einer variablen

                                      {var:radar2.1.Stefan._here;  var=true ? "blink-green" :   "blink-red": ""}
                                      

                                      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

                                      S 1 Antwort Letzte Antwort
                                      0
                                      • liv-in-skyL liv-in-sky

                                        @salmi

                                        probier mal das boolean ist ungut für eine bennenung einer variablen

                                        {var:radar2.1.Stefan._here;  var=true ? "blink-green" :   "blink-red": ""}
                                        
                                        S Offline
                                        S Offline
                                        salmi
                                        schrieb am zuletzt editiert von
                                        #132

                                        @liv-in-sky funktioniert auch nicht

                                        liv-in-skyL 1 Antwort Letzte Antwort
                                        0
                                        • S salmi

                                          @liv-in-sky funktioniert auch nicht

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

                                          @salmi

                                          sorry nochmal - bin gerade nicht richtig bei der sache

                                          {var:radar2.1.Stefan._here;  var==true ? "blink-green" :   "blink-red": ""}
                                          

                                          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

                                          S 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          649

                                          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