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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Vorlagen/Ideen MüllPlan VIEW / Widget ?

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                                          • liv-in-sky
                                            liv-in-sky last edited by

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

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            548
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            311
                                            49246
                                            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