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

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.7k 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

    @moppel2810

    leuchte dauernd:

    .leuchte   {
     animation: mdui-leuchte-ani 10s linear infinite;
       
    }
    @keyframes mdui-leuchte-ani {
     0%, 100% {filter: drop-shadow(0px 0px 4px #DF013A) drop-shadow(0px 0px 4px #DF013A) drop-shadow(0px 0px 4px #DF013A); }
    
    }
    
    

    wie @tempestas schon erwähnte - ich ahbe auch ein sehr altes samsung tablet - da geht es auch nicht

    moppel2810M Offline
    moppel2810M Offline
    moppel2810
    schrieb am zuletzt editiert von
    #112

    @liv-in-sky

    hab ein galaxy tablet a dachte eigentlich das es noch ok ist:disappointed:

    T 1 Antwort Letzte Antwort
    0
    • moppel2810M moppel2810

      @liv-in-sky

      hab ein galaxy tablet a dachte eigentlich das es noch ok ist:disappointed:

      T Offline
      T Offline
      tempestas
      schrieb am zuletzt editiert von tempestas
      #113

      @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

      <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          356

                                          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