Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Vorlagen/Ideen MüllPlan VIEW / Widget ?

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Vorlagen/Ideen MüllPlan VIEW / Widget ?

    This topic has been deleted. Only users with topic management privileges can see it.
    • crunchip
      crunchip Forum Testing Most Active @ChrisXY last edited by

      @ChrisXY stell in deinem ical die Tagesvorschau auf 90, steht bei dir auf 7

      1 Reply Last reply Reply Quote 0
      • C
        ChrisXY last edited by

        hahaha ja hab es vor 5 minuten auch gemerkt ... Trotzdem Danke

        1 Reply Last reply Reply Quote 0
        • Chaot
          Chaot last edited by

          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.

          crunchip liv-in-sky 2 Replies Last reply Reply Quote 0
          • crunchip
            crunchip Forum Testing Most Active @Chaot last edited by

            @Chaot meinst du die Blickende Zahl?

            Chaot 1 Reply Last reply Reply Quote 0
            • Chaot
              Chaot @crunchip last edited by

              @crunchip Ja, oder das Symbol blinken lassen.

              crunchip 1 Reply Last reply Reply Quote 0
              • crunchip
                crunchip Forum Testing Most Active @Chaot last edited by

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

                Chaot liv-in-sky 2 Replies Last reply Reply Quote 0
                • Chaot
                  Chaot @crunchip last edited by Chaot

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

                  Edit:
                  Ich habe es gefunden. 👏
                  Das ist ja schon in deiner Vorlage drin!👍

                  1 Reply Last reply Reply Quote 0
                  • opossum
                    opossum last edited by

                    Hallo,

                    bei mir sieht das so aus:

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

                    Gruß
                    opossum

                    liv-in-sky 1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Chaot last edited by liv-in-sky

                      @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

                      1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @opossum last edited by liv-in-sky

                        @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"

                        opossum 1 Reply Last reply Reply Quote 0
                        • C
                          ChrisXY last edited by

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

                          liv-in-sky 1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @ChrisXY last edited by liv-in-sky

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

                            welche bilder meinst du eigentlich - die von opossum?

                            1 Reply Last reply Reply Quote 0
                            • C
                              ChrisXY last edited by

                              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-sky H 3 Replies Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @ChrisXY last edited by

                                @ChrisXY

                                muelltonneGruen.png muelltonneGelb.png muelltonneBraun.png muelltonneBlau.png muelltonneSchwarz.png muelltonneRot.png

                                1 Reply Last reply Reply Quote 1
                                • C
                                  ChrisXY last edited by ChrisXY

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

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @ChrisXY last edited by 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 1 Reply Last reply Reply Quote 0
                                    • C
                                      ChrisXY @liv-in-sky last edited by

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

                                      1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @ChrisXY last edited by liv-in-sky

                                        @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

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          ChrisXY last edited by

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

                                          liv-in-sky 2 Replies Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @ChrisXY last edited by liv-in-sky

                                            @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

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            870
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            311
                                            47502
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo