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.
    • Chaot
      Chaot @SBorg last edited by

      @SBorg Uh - lieber nicht.
      Wenn ich dich richtig verstanden habe sagtest du " Bahnhof Bahnhof Bahnhof" 😧 😲

      1 Reply Last reply Reply Quote 0
      • K
        Kuddel last edited by

        Kann man die Größe der Tonnen irgendwie verändern ?

        In der Standardgröße passen sie nicht so recht auf meine VIS-Startseite

        SBorg 1 Reply Last reply Reply Quote 0
        • SBorg
          SBorg Forum Testing Most Active @Kuddel last edited by SBorg

          @Kuddel bei "transform" über scale(0.5) für bspw. 50% Größe 🙂
          EDIT: oder meinst du jede Tonne?

          K 1 Reply Last reply Reply Quote 0
          • K
            Kuddel @SBorg last edited by

            @SBorg am besten jeden tonne kleiner

            SBorg 1 Reply Last reply Reply Quote 0
            • SBorg
              SBorg Forum Testing Most Active @Kuddel last edited by

              @Kuddel Per CSS auf bspw. 50% Größe:

              .trashtype .dumpster {
                   transform: scale(0.5) !important;  
              }
              
              K 1 Reply Last reply Reply Quote 0
              • K
                Kuddel @SBorg last edited by

                @SBorg ja das hat schon einmal geklappt.

                Wie kann ich den Abstand der Texte noch veringern ?

                Hier einmal der Verlgeich alt und neu:

                b819ebb1-b537-415e-a838-3b254d61da0d-grafik.png

                SBorg 1 Reply Last reply Reply Quote 0
                • SBorg
                  SBorg Forum Testing Most Active @Kuddel last edited by

                  @Kuddel da müsstest du noch die Höhe verändern, denn die ist fix auf 200px für die Tonne gestellt. Zusätzlich also bspw.

                  height: 150px !important;
                  
                  K 1 Reply Last reply Reply Quote 0
                  • K
                    Kuddel @SBorg last edited by Kuddel

                    @SBorg

                    .trashtype .dumpster {     transform: scale(0.5) 
                    height: 150px !important;
                    }
                    

                    Dann sieht es so aus:
                    48270b60-1ab7-48f7-9b6a-0ae5ed9834e3-grafik.png

                    Sorry von CSS habe ich noch keine Ahnung

                    EDIT: Fehler gefunden. Es fehlte ein Semikolon

                    a792b4fa-9d45-4d19-91b0-73e567b7f3cf-grafik.png

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

                      @Axel-Koeneke jetzt hab ich gefunden, was du meinst. Ehrlich gesagt hab ich keine Ahnung wie das da rein kommt. Hatte die View selbst mal von hier im Forum irgendwann mal importiert, scheinbar war das damals schon im code.

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

                        Ich bin in css auch nicht wirklich fit

                        Wie bekomme ich die seitlichen Abstände zwischen den Tonnen und die oberen und unteren Abstände der Schrift zu den Tonnen eingestellt?

                        2020-03-10 16_59_11-Edit vis.png

                        SBorg 1 Reply Last reply Reply Quote 0
                        • haus-automatisierung
                          haus-automatisierung Developer Most Active last edited by

                          Hier noch ein Video zu dem Adapter (inklusive VIS-Integration)

                          TrashSchedule.jpg

                          1 Reply Last reply Reply Quote 1
                          • SBorg
                            SBorg Forum Testing Most Active @JB_Sullivan last edited by

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

                            Ich bin in css auch nicht wirklich fit

                            Dann wird es schwierig, da dafür einige Änderungen notwendig sind. Ev. passt ja "meine" finally Version für dich (zumindest sind darin alle notwendigen Stellschrauben vorhanden):
                            Bild 1.png
                            Zur besseren Lesbarkeit habe ich den Text noch mit einem Schatten versehen.

                            /*Trashschedule-Adapter*/
                            .trashtype .daysleft {
                                background: none !important;
                                top: 56%;
                                transform: scale(0.8) !important;
                            }
                            
                            .trashtype .dumpster {
                                transform: scale(0.8) !important;
                                height: 98px !important;
                            }
                            
                            .trashtype {
                                width: 58px !important;
                            }
                            
                            .trashtype .name {
                                font-size: 16px !important;
                                margin-top: 5px !important;
                            }
                            

                            Passende Widgetgröße (für 5 Tonnen, sonst minus ~60px schmaler je Tonne):
                            Bild 1.png

                            haus-automatisierung 1 Reply Last reply Reply Quote 2
                            • haus-automatisierung
                              haus-automatisierung Developer Most Active @SBorg last edited by

                              @SBorg Hey, danke für die Ergänzung. Ich bin selbst noch etwas unentschlossen, wieviele Konfigurationsmöglichkeiten ich anbieten soll. Je mehr man einstellen kann, desto mehr kann an der Ansicht auch kaputt gehen. Da ist es schwer einen Mittelweg zu finden.

                              SBorg 1 Reply Last reply Reply Quote 0
                              • M
                                motugozu last edited by

                                Mein Widget wird in der Vis Runtime im Browser angezeigt alles gut, aber sobald ich es auf mein Tablet öffne über die IO Broker Vis App wird es nicht dargestellt . Woran kann das liegen hat jemand eine Idee ?

                                JB_Sullivan Negalein K 3 Replies Last reply Reply Quote 0
                                • JB_Sullivan
                                  JB_Sullivan @motugozu last edited by

                                  @SBorg

                                  Super vielen Dank - hat funktioniert - aber warum wird mir in jeder Zeile wo ein! important drin steht, ein Ausrufezeichen angezeigt? Lösche ich das !important raus, ist das Ausrufezeichen weg. Brauche ich das !important wirklich?

                                  2020-03-11 17_40_27-Edit vis.png

                                  @haus-automatisierung

                                  Vielleicht noch ein Wunsch zum Widget - vielleicht könnte man die Zahl, welche Tonne innerhalb der nächsten 3? Tage fällig ist, rot einfärben? Ich kann sowieso die Zahl, die speziell auf der gelben Tonne ist, kaum erkennen.

                                  2020-03-11 17_45_38-Edit vis.png

                                  sigi234 1 Reply Last reply Reply Quote 0
                                  • Negalein
                                    Negalein Global Moderator @motugozu last edited by

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

                                    über die IO Broker Vis App wird es nicht dargestellt

                                    liegt an der App.
                                    Dauert öfter, bis Widget dort eingepflegt werden.

                                    S 1 Reply Last reply Reply Quote 1
                                    • K
                                      Kueppert @motugozu last edited by

                                      @motugozu deshalb nutze ich mitlerweile den KioskBrowser am Tablet 😉 das feine: Bildschirm an bei Bewegung etc. Find ich ganz cool. Und mit dem Adapter zum FullyKioskBrowser schalte ich noch meine Steckdose an, wenn der Akku vom Tablet <20% ist 🙂

                                      heinhan 1 Reply Last reply Reply Quote 1
                                      • sigi234
                                        sigi234 Forum Testing Most Active @JB_Sullivan last edited by sigi234

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

                                        Vielleicht noch ein Wunsch zum Widget - vielleicht könnte man die Zahl, welche Tonne innerhalb der nächsten 3? Tage fällig ist, rot einfärben? Ich kann sowieso die Zahl, die speziell auf der gelben Tonne ist, kaum erkennen.

                                        Geht mit color :

                                        .trashtype .daysleft {
                                            background: transparent !important;
                                            color: #ff0000 !important;
                                        
                                        JB_Sullivan 1 Reply Last reply Reply Quote 1
                                        • JB_Sullivan
                                          JB_Sullivan @sigi234 last edited by

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

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

                                          Vielleicht noch ein Wunsch zum Widget - vielleicht könnte man die Zahl, welche Tonne innerhalb der nächsten 3? Tage fällig ist, rot einfärben? Ich kann sowieso die Zahl, die speziell auf der gelben Tonne ist, kaum erkennen.

                                          Geht mit color :

                                          .trashtype .daysleft {
                                              background: transparent !important;
                                              color: #000000 !important;
                                          

                                          Dann ändert sich aber die Schrift Farbe von allen Mülltonnen - das meinte ich nicht, sondern, das sich die Zahl Rot "XY-Tage" vor Fälligkeit einfärbt. Das wäre sicher ein Funktion die im Adapter programmiert werden müsste.

                                          Vermutlich muss in der Instanz ein Feld hinzugefügt werden, wo man einstellen kann, wieviel Tage "XY" ist, damit die entsprechende Mülltonnen Zahl die Farbe wechelt.

                                          C haus-automatisierung sigi234 3 Replies Last reply Reply Quote 0
                                          • C
                                            Conquest @JB_Sullivan last edited by

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

                                            Dann ändert sich aber die Schrift Farbe von allen Mülltonnen - das meinte ich nicht, sondern, das sich die Zahl Rot "XY-Tage" vor Fälligkeit einfärbt. Das wäre sicher ein Funktion die im Adapter programmiert werden müsste.
                                            Vermutlich muss in der Instanz ein Feld hinzugefügt werden, wo man einstellen kann, wieviel Tage "XY" ist, damit die entsprechende Mülltonnen Zahl die Farbe wechelt.

                                            Fänd ich auch gut. Vielleicht so wie im Ical-Adapter.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            746
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            40
                                            316
                                            49975
                                            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