Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Button Widgets mit Bildchen versehen

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Button Widgets mit Bildchen versehen

    This topic has been deleted. Only users with topic management privileges can see it.
    • hg6806
      hg6806 Most Active last edited by

      Moin,

      um ein Button Widget mit einem Bildchen versehen gehe ich wie folgt vor:

      Habe z.B. den Adapter icon-mfd-png geladung. Dadurch wurden die Bildchen in iobrober/iobroger-data/files/icons-mfd-png geladen.

      Wenn ich nun ein Button-widget auswähle muss ich dafür dann das Bildchen in Eigenschaften Common einfügen.

      Muss ich das für jeden Button einzeln machen?

      Gibt es sowas nicht fertig, gerade mit den mfd-png Bildchen?

      Wie bekomme ich das "fertige" Widget dann wieder links in die Auswahl?

      Noch etwas.

      Welchen Datenpunkt verwend ich eigentlich bei einem Aktor für Rollläden um hoch und runter zu fahren?

      Danke und Grüße

      1 Reply Last reply Reply Quote 0
      • H
        hmanfred last edited by

        @hg6806:

        1. Wenn ich nun ein Button-widget auswähle muss ich dafür dann das Bildchen in Eigenschaften Common einfügen.

        2. Muss ich das für jeden Button einzeln machen?

        3. Gibt es sowas nicht fertig, gerade mit den mfd-png Bildchen?

        4. Wie bekomme ich das "fertige" Widget dann wieder links in die Auswahl?

        5. Welchen Datenpunkt verwend ich eigentlich bei einem Aktor für Rollläden um hoch und runter zu fahren? `
        Zu 1.:

        Du nimmst ein Widget, das dir von Haus aus die Möglichkeit bietet, ein Bild zu integrieren bzw. das Standardbild zu ändern.

        Beim Widget "hqwidgets - on/off" ist die Auswahl z.B. im Abschnitt "Zentrum" unter "Kleinbild" enthalten

        Beim Widget "Metro - Tile state" ist es im Abschnitt "Ikone".

        Zu 2.:

        Im Prinzip ja, jedoch siehe 4.

        Zu 3.:

        Wozu, wenn du es wie oben beschrieben hinbekommst?

        Was würde es bringen, wenn das gleiche Widget gefühlt 500 mal links in der Auswahl vorhanden wäre, nur um für jedes in icon-mfd-png enthaltene Icon ein fertiges Widget zu haben?

        Zu 4.:

        IMO nicht nötig.

        Wenn du das gleiche Widget mit dem gleichen Icon noch mal haben möchtest, kopiere es doch einfach und füge es wieder ein.

        Zu 5.:

        Sofern du den Datenpunkt aus einer Homematic CCU meinst, diesen:
        1599_clipboard02.jpg
        Sinnvollerweise in Verbindung mit einem Widget, das für Rolladen optimiert ist, z.B. "jqui-mfd - Shutter + jqui Dialog"

        Gruß

        Manfred

        1 Reply Last reply Reply Quote 0
        • hg6806
          hg6806 Most Active last edited by

          Super! Danke! Hat geklappt.

          Werde aber bestimmt noch 1Mio Fragen haben, bemühe aber vorher die Such-Funktion 🙂

          1 Reply Last reply Reply Quote 0
          • hg6806
            hg6806 Most Active last edited by

            Naja, irgendwie habe ich noch keinen normalen On/Off Button gefunden, dann man mit einem Bild versehen kann.

            Eigentlich die Grundlage überhaupt.

            Also, ich suche einen Button, wie den "jgui-mfd-ctrl-light"

            Woher bekomme ich so einen "Roh-Button" und kann ihn dann mit einem Bild versehen?

            Das "hqwidgets - on/off"" ist ja nur ein Schiebeschalter. Sonst ist von den 10Stk. auch keiner dabei.

            1 Reply Last reply Reply Quote 0
            • Homoran
              Homoran Global Moderator Administrators last edited by

              Du kannst doch bei dem widget Bulb on/off auch das Bild und die Form und die Farbe und… ändern

              Gruß

              Rainer

              1 Reply Last reply Reply Quote 0
              • hg6806
                hg6806 Most Active last edited by

                Und wie?

                Wenn ich bei dem besagten "jgui-mfd-ctrl-light" unten auf Signalbilder gehe, sind Low Batt Bilder verankert.

                Verstehe gerade gar nichts mehr…

                1 Reply Last reply Reply Quote 0
                • Homoran
                  Homoran Global Moderator Administrators last edited by

                  Bin nicht am PC. Kann keinen Screenshot machen.

                  Aber ich glaube nicht, dass das Widget Bulb on/off ein jqui Widget war.

                  Und nicht signalbild sondern kleinbild und Bild aktiv weiter oben hinter allgemein.

                  Gruß

                  Rainer

                  1 Reply Last reply Reply Quote 0
                  • hg6806
                    hg6806 Most Active last edited by

                    Das ist unter jgui-mffd und heißt jgui-mfd-ctrl-Light

                    Unter Allgemein kann ich kein Bild einstellen.

                    Nur

                    Object ID

                    Min

                    Max

                    Invertiere das Bild

                    Knopf-Viereck

                    und dann div. Symbolfarben….

                    Sorry, wen ich so oft nachfrage. Komme eher aus der Hardware-Ecke

                    1 Reply Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators last edited by

                      Anbei mal zwei Screenshots.

                      War auf dem Tablet nicht ganz leicht es so hinzubekommen wie ich es wollte.

                      Einmal hq Widgets on off, hier heisst es Kleinbild und Aktivbild.
                      144_20161227_204323.png

                      Und basic bulb on/off, hier ist es Icon off und Icon on
                      144_screenshot_20161227-204112.jpg

                      Gruß

                      Rainer

                      1 Reply Last reply Reply Quote 0
                      • hg6806
                        hg6806 Most Active last edited by

                        Hmmm, das eine ist rund und passt nicht zu den anderen, das andere hat einen "durchsichtigen Hintergrund"

                        Kann ich nicht das "jgui-mfd-ctrl-Light" nehmen, irgendwie kopieren und das Bild austauschen?

                        1 Reply Last reply Reply Quote 0
                        • Homoran
                          Homoran Global Moderator Administrators last edited by

                          Das runde muss in das eckige.

                          Einfach den Radius auf 0 setzen index.html es ist eckig.

                          Gruß

                          Rainer

                          1 Reply Last reply Reply Quote 0
                          • hg6806
                            hg6806 Most Active last edited by

                            Das wäre zu eckig 😉

                            Das "jgui-mfd-ctrl-Light" hat abgerundete Ecken.

                            Ich glaube ich drucke einfach die gewünschten Bilder aus und klebe sie mit Uhu auf das Tablet 😄

                            1 Reply Last reply Reply Quote 0
                            • H
                              hmanfred last edited by

                              @hg6806:

                              Das wäre zu eckig 😉

                              Das "jgui-mfd-ctrl-Light" hat abgerundete Ecken.

                              Ich glaube ich drucke einfach die gewünschten Bilder aus und klebe sie mit Uhu auf das Tablet 😄 `

                              Warum verwendest du nicht das von mir oben erwähnte "hqwidgets - on/off". Das macht alles, was du hier beschrieben hast.

                              Gruß

                              Manfred

                              1 Reply Last reply Reply Quote 0
                              • Homoran
                                Homoran Global Moderator Administrators last edited by

                                @hg6806:

                                Das wäre zu eckig `
                                Und mit einem Radius von 5?

                                Das lässt sich doch beliebig einstellen.

                                Gruß

                                Rainer

                                1 Reply Last reply Reply Quote 0
                                • hg6806
                                  hg6806 Most Active last edited by

                                  Fast hab ich's. Wie bekommt man noch die dicke weiße Umrand weg, wenn das Widget aktiv ist?

                                  Edit: JQuery Stil anwenden anhaken.

                                  So sollte es perfekt sein DANKE!

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

                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  795
                                  Online

                                  31.6k
                                  Users

                                  79.5k
                                  Topics

                                  1.3m
                                  Posts

                                  3
                                  15
                                  5434
                                  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