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.
    • haus-automatisierung
      haus-automatisierung Developer Most Active @Chaot last edited by

      @Chaot Hier mal ein Screenshot meiner Config

      Screenshot 2020-03-07 at 21.44.05.png

      Die Hex-Werte für die Farben suchst Du einfach mit einem beliebigen Color Picker aus. Zum Beispiel bei Google nach "Color Picker" suchen.

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

        @haus-automatisierung Oh mann! Und ich suche die ganze Zeit im VIS Editor!

        Wie kann ich die dann in dem Widet einbinden?

        Edit: Gefunden. Schalter = trashschedule.0.type.json

        1 Reply Last reply Reply Quote 1
        • liv-in-sky
          liv-in-sky @haus-automatisierung last edited by

          @haus-automatisierung
          hallo matthias,
          frage zum widget

          was macht eigentlich das "extra-Attr" im widget ?

          ich habe einen dunklen hintergrund - leider sieht man dann die deckel nicht mehr
          kann man da noch was machen ?

          Image 2.png

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

            @haus-automatisierung

            ich nochmal - hab heute "putztag" - d.h ich räume meine vis auf indem ich mir das log im browser anschaue - habe x-fehler gefunden und einer ist mir noch aufgefallen - habe ich da was falsch eingestellt

            Image 6.png

            Image 7.png

            1 Reply Last reply Reply Quote 0
            • haus-automatisierung
              haus-automatisierung Developer Most Active @liv-in-sky last edited by

              @liv-in-sky Eigentlich sollte die Farbe der SVGs automatisch errechnet und angepasst werden. Das ist ein bisschen Tricky gelöst und sicher noch nicht ganz stabil. Bei manchen Farben kann er daher wohl etwas durcheinander kommen. Muss ich mir anschauen.

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

                @crunchip Moin, kannst du mal bitte erklären wie du die VIS eingebunden hast?
                Die Scripte laufen und bringen die richtigen Werte, aber ich komme mit der VIS nicht weiter. Welches Widget hat du dafür genommen.
                Viele Grüße

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

                  Auf dunklem Hintergrung funktioniert bei mir (hier auf 50% skaliert):
                  Bild 2.png
                  @haus-automatisierung Hi Matthias, ev. wäre es noch vorteilhaft die Textfarbe im Adapter einstellen zu können (per CSS werden es die meisten nicht hinbekommen). Das Standard-weiß ist auf der Gelben sonst nicht wirklich lesbar 🙂

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

                    @Axel-Koeneke weiter oben, ist doch ein export als Textdatei hinterlegt. Was klappt denn nicht?

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

                      @SBorg Eigentlich sollten sich alle Farben per CSS anpassen lassen. Welche genau funktionieren denn nicht?

                      Edit: Ach, nicht hinbekommen. Habe nicht übernommen gelesen. Naja aber so funktioniert doch eigentlich jedes VIS Widget, oder?

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

                        @haus-automatisierung Sorry, ich war blind. Ab und zu hängt der VIS-Editor und zeigt nicht immer alles gleich an. Eben erst gesehen, dass es in der VIS dann funktioniert (+ spätestens auch im Editor wenn man notfalls mal die ganze Seite aktualisiert). Du hast natürlich Recht, geht ganz easy per CSS-Textfarbe und auch (meistens) dann direkt im Editor 😉

                        *EDIT* aber ein Problem bleibt: setzte ich die Farbe pauschal dunkler ändert sich die gesamte Textfarbe des Widgets. Dann lässt sich der restliche Text nicht mehr lesen "schwarzer Adler auf schwarzem Grund". Also doch händisch per CSS eingreifen...

                        1 Reply Last reply Reply Quote 1
                        • Axel Koeneke
                          Axel Koeneke @crunchip last edited by

                          @crunchip Du meinst wohl den hier: @crunchip sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                          @ChrisXY
                          View
                          View-Abfallkalender.txt
                          Anzeige für die Tage
                          Abfalltermine.txt
                          Heute Morgen Übermorgen
                          Müllwarnung.txt

                          Ich bin noch neu beim beim Broker und komme von Openhab...
                          Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...

                          Was mir aufgefallen ist, ist das in der Datei auch lokale Zugriffe sind. Flot auf der Adresse 192.168.2.2 - Soll das so sein?
                          VG

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

                            @Axel-Koeneke sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                            Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...

                            Als VIEW importieren!

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

                              "Eingriff" direkt per CSS (nur daysleft gefärbt):
                              Bild 4.png

                              vs Widget CSS-Textfarbe "black":

                              Bild 4.png

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

                                @Axel-Koeneke hast du es hinbekommen? wie sigi234 schon schrieb, als view importieren.

                                was meinst du mit Flot....Adresse??

                                Axel Koeneke 1 Reply Last reply Reply Quote 0
                                • Negalein
                                  Negalein Global Moderator @SBorg last edited by Negalein

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

                                  "Eingriff" direkt per CSS (nur daysleft gefärbt):

                                  welchen CSS hast du da verwendet?

                                  (hier auf 50% skaliert)

                                  wie machst du das?
                                  Wenn ich width und height angebe, bleiben die Tonnen gleich groß und verschieben sich nur.

                                  Edit vis.png Edit vis (1).png

                                  @haus-automatisierung
                                  wie ist das mit dem offenen, bzw. geschlossenen Deckel zu verstehen?
                                  Edit vis (2).png

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

                                    @Negalein Ich habe mir das CSS vom Widget angeschaut und dann überschreibe ich die entsprechenden Werte. Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

                                    .trashtype .daysleft {
                                        background: #CCCCCC88 !important;
                                        color: #222222 !important;
                                    }
                                    

                                    Nun ist der Hintergrund etwas stärker und die Schrift fast schwarz. Trotzdem kann man noch im Widget die Textfarbe ändern:
                                    Bild 1.png

                                    Die Skalierung habe ich einfach über "transform" (in CSS Allgemein) realisiert. Einfach für bspw. die 50% eintragen:

                                    scale(0.5)
                                    
                                    Negalein Chaot 2 Replies Last reply Reply Quote 0
                                    • Negalein
                                      Negalein Global Moderator @SBorg last edited by

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

                                      Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

                                      Danke
                                      Wie kommst du an das CSS vom Widget? Über die Console im Browser?

                                      scale(0.5)

                                      Ich Depp. Klar mit scale. Und ich habs mit calc probiert. 😲

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

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

                                        Wie kommst du an das CSS vom Widget? Über die Console im Browser?

                                        Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

                                        /opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css
                                        

                                        Das "!important" gibt es dort allerdings nicht. Damit wird immer der entsprechende Wert des Originals überschrieben.

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

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

                                          Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

                                          werd ich mir merken.

                                          Warum sieht man bei deinem Widget ein Kreuz im Deckel und bei mir nicht?
                                          Edit vis (3).png

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

                                            @Negalein Gute Frage, nächste Frage... 😉
                                            Hast du Hexwerte bei den Farben genommen, oder einfach red, black, yellow? Ev. klappt dann die Umrechnung nicht?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            744
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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