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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.6k 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.
  • ChaotC Chaot

    Mal ne ganz blöde Frage.
    Lässt sich das mit der eingangs erwähnten blinkenden Tonne auch umsetzen?
    Ich bin nicht ganz so fit im VIS Editor.

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

    @Chaot meinst du die Blickende Zahl?

    umgestiegen von Proxmox auf Unraid

    ChaotC 1 Antwort Letzte Antwort
    0
    • crunchipC crunchip

      @Chaot meinst du die Blickende Zahl?

      ChaotC Offline
      ChaotC Offline
      Chaot
      schrieb am zuletzt editiert von
      #22

      @crunchip Ja, oder das Symbol blinken lassen.

      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.

      crunchipC 1 Antwort Letzte Antwort
      0
      • ChaotC Chaot

        @crunchip Ja, oder das Symbol blinken lassen.

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

        @Chaot für die Zahl
        CSS Klasse {val:javascript.0.Vis.muell.papiertonne; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

        umgestiegen von Proxmox auf Unraid

        ChaotC liv-in-skyL 2 Antworten Letzte Antwort
        0
        • crunchipC crunchip

          @Chaot für die Zahl
          CSS Klasse {val:javascript.0.Vis.muell.papiertonne; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

          ChaotC Offline
          ChaotC Offline
          Chaot
          schrieb am zuletzt editiert von Chaot
          #24

          @crunchip Oooook?
          Und wo trage ich das ein?
          Von CSS habe ich schon gar keine Ahnung :white_frowning_face:

          Edit:
          Ich habe es gefunden. :clap:
          Das ist ja schon in deiner Vorlage drin!:+1:

          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
          • opossumO Offline
            opossumO Offline
            opossum
            schrieb am zuletzt editiert von
            #25

            Hallo,

            bei mir sieht das so aus:

            d53fcb10-26da-4a3b-a0b2-0ba9be456bca-image.png

            Gruß
            opossum

            https://schlepper-petersdorf.jimdofree.com/

            liv-in-skyL 1 Antwort Letzte Antwort
            0
            • ChaotC Chaot

              Mal ne ganz blöde Frage.
              Lässt sich das mit der eingangs erwähnten blinkenden Tonne auch umsetzen?
              Ich bin nicht ganz so fit im VIS Editor.

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

              @Chaot

              ich habe das hier unter css (project) -tab kopiert

              .blink {
                  display:block;
                  -webkit-animation-name: color-pulse;
                  -webkit-animation-duration: 3s;
                  -webkit-animation-iteration-count: infinite;
                  -webkit-animation-timing-function: ease-in-out;
                  -webkit-animation-direction: alternate;
                  animation-name: color-pulse;
                  animation-duration: 3s;
                  animation-iteration-count: infinite;
                  animation-timing-function: ease-in-out;
                  animation-direction: alternate;
                  } 
              

              anschliessend habe ich das im widget angegeben

              Image 1.png

              dann blinkt das ganze - das alles kann man dann mit der sichbarkeit noch ein wenig konfigurieren - z.b wenn nur noch 1 tag bis zum mülltag ist, wird dieses blinkende widget sichtbar - dauert es über einen tag, ist ein feststehendes anders widget sichtbar - beide widget liegen übereinander und sind je nach wert der tage sichtbar

              du kannst dass blink für alle anderen widget auch benutzen - du musst nur im widget das blink in der css klasse angeben

              hoffe das hilft weiter - bei mir sieht es so aus - morgen ist mülltag-bio - die braune tonne ist groß geworden und blinkt
              uml-ani-gif11.gif

              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
              • opossumO opossum

                Hallo,

                bei mir sieht das so aus:

                d53fcb10-26da-4a3b-a0b2-0ba9be456bca-image.png

                Gruß
                opossum

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

                @opossum

                würdest du deine bilder vielleicht hochladen -könnte sie in einer anderen view gut gebrauchen - gibt es das auch für grün? oder muss ich wieder mal "gimpen"

                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

                opossumO 1 Antwort Letzte Antwort
                0
                • C Offline
                  C Offline
                  ChrisXY
                  schrieb am zuletzt editiert von
                  #28

                  nice die Symbole gefallen mir auch wo hast du die hier ? Bei uns ist die Tonne aber Blau ..

                  liv-in-skyL 1 Antwort Letzte Antwort
                  0
                  • C ChrisXY

                    nice die Symbole gefallen mir auch wo hast du die hier ? Bei uns ist die Tonne aber Blau ..

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

                    @ChrisXY das ist blöd - dann musst du wohl umziehen :-)

                    welche bilder meinst du eigentlich - die von opossum?

                    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
                    • C Offline
                      C Offline
                      ChrisXY
                      schrieb am zuletzt editiert von
                      #30

                      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.

                      liv-in-skyL H 3 Antworten 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.

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

                        @ChrisXY

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

                        1 Antwort Letzte Antwort
                        1
                        • C Offline
                          C Offline
                          ChrisXY
                          schrieb am zuletzt editiert von ChrisXY
                          #32

                          DANKE ! hab auch mal das image Widget genommen aber da binkt auch nichts hmm

                          liv-in-skyL 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.

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

                            @ChrisXY

                            kannst du mal ein bild des css-tab machen und posten - das mit dem block versteh ich nicht ?
                            das alles ist eigentlich widget unabhängig - muss mit jedem widget funktionieren

                            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

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

                              @ChrisXY

                              kannst du mal ein bild des css-tab machen und posten - das mit dem block versteh ich nicht ?
                              das alles ist eigentlich widget unabhängig - muss mit jedem widget funktionieren

                              C Offline
                              C Offline
                              ChrisXY
                              schrieb am zuletzt editiert von
                              #34

                              @liv-in-sky klar. Hab ja auch schon mit css gearbeitet für das "glow" das klappt alles css.png

                              1 Antwort Letzte Antwort
                              0
                              • C ChrisXY

                                DANKE ! hab auch mal das image Widget genommen aber da binkt auch nichts hmm

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

                                @ChrisXY

                                ich meinte den css- tab als bild - rechts daneben
                                habe gerade festgestellt, dass bei mir alles unter global in dem css tab ist und nicht project

                                Image 3.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

                                1 Antwort Letzte Antwort
                                0
                                • C Offline
                                  C Offline
                                  ChrisXY
                                  schrieb am zuletzt editiert von
                                  #36

                                  hi, auch schon versucht das war voher leer siehe screen:
                                  css2.png css3.png

                                  liv-in-skyL 2 Antworten Letzte Antwort
                                  0
                                  • C ChrisXY

                                    hi, auch schon versucht das war voher leer siehe screen:
                                    css2.png css3.png

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

                                    @ChrisXY sorry für die nächste frage:

                                    den browser hast du neugeladen nach der änderung? bei der anzeige der vis - nicht den vis- edit teil

                                    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
                                    • liv-in-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      schrieb am zuletzt editiert von
                                      #38

                                      @ChrisXY
                                      also ich hab jetzt das css auf project geändert und .blink{} rüber kopiert und im global gelöscht - ich glaube das war bei mir verkeht

                                      es funktioniert - wie es soll - habe ehrlich gesagt im moment keine weiteren einfälle, woran das haken könnte - vielleicht könnte das mal jemand anderes ausprobieren ?

                                      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

                                        @Chaot für die Zahl
                                        CSS Klasse {val:javascript.0.Vis.muell.papiertonne; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

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

                                        ich habe mal die variante von @crunchip mit meiner klasse (blink) getestet - funktioniert auch (anstatt blink steht die nächste zeile im css des widgets

                                        {val:javascript.0.CountdownBioTonne.Termin.Rest.Tage; val<=1? "blink": val>=2? "": ""}

                                        -> wenn der wert val (restliche tage) kleiner gleich 1 ist, dann blinke (->benutze klasse blink) , wenn der wert größer gleich 2 ist mache "nichts" und als standard ((alle anderen werte)) mache auch "nichts" (nichts bedeutet wende keinheklasse an!)

                                        ist eleganter und hat auch einen anderen vorteil - bei mir blinken die widget auch im editor - bei dieser lösung blinkt es nur in der vis-runtime und noch dazu man benötigt nur ein widget (bild) !!

                                        wird aber bei dir nicht zur lösung beitragen, weil er die klasse wohl nicht findet oder anwendet - vorausgesetzt er bekommt die richtigen tage !!! bei mir :javascript.0.CountdownBioTonne.Termin.Rest.Tage

                                        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
                                        • liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von
                                          #40

                                          @crunchip ich kann deine klasse "mdui-red-flash" nirgends finden - würdest du sie bitte posten

                                          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

                                          crunchipC 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

                                          848

                                          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