Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Button Widgets mit Bildchen versehen

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    848

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Button Widgets mit Bildchen versehen

Scheduled Pinned Locked Moved Visualisierung
15 Posts 3 Posters 5.6k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • hg6806H Offline
    hg6806H Offline
    hg6806
    Most Active
    wrote on last edited by
    #1

    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
    0
    • H Offline
      H Offline
      hmanfred
      wrote on last edited by
      #2

      @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
      0
      • hg6806H Offline
        hg6806H Offline
        hg6806
        Most Active
        wrote on last edited by
        #3

        Super! Danke! Hat geklappt.

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

        1 Reply Last reply
        0
        • hg6806H Offline
          hg6806H Offline
          hg6806
          Most Active
          wrote on last edited by
          #4

          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
          0
          • HomoranH Do not disturb
            HomoranH Do not disturb
            Homoran
            Global Moderator Administrators
            wrote on last edited by
            #5

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

            Gruß

            Rainer

            kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

            1 Reply Last reply
            0
            • hg6806H Offline
              hg6806H Offline
              hg6806
              Most Active
              wrote on last edited by
              #6

              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
              0
              • HomoranH Do not disturb
                HomoranH Do not disturb
                Homoran
                Global Moderator Administrators
                wrote on last edited by
                #7

                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

                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Reply Last reply
                0
                • hg6806H Offline
                  hg6806H Offline
                  hg6806
                  Most Active
                  wrote on last edited by
                  #8

                  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
                  0
                  • HomoranH Do not disturb
                    HomoranH Do not disturb
                    Homoran
                    Global Moderator Administrators
                    wrote on last edited by
                    #9

                    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

                    kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                    1 Reply Last reply
                    0
                    • hg6806H Offline
                      hg6806H Offline
                      hg6806
                      Most Active
                      wrote on last edited by
                      #10

                      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
                      0
                      • HomoranH Do not disturb
                        HomoranH Do not disturb
                        Homoran
                        Global Moderator Administrators
                        wrote on last edited by
                        #11

                        Das runde muss in das eckige.

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

                        Gruß

                        Rainer

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        1 Reply Last reply
                        0
                        • hg6806H Offline
                          hg6806H Offline
                          hg6806
                          Most Active
                          wrote on last edited by
                          #12

                          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 :D

                          1 Reply Last reply
                          0
                          • H Offline
                            H Offline
                            hmanfred
                            wrote on last edited by
                            #13

                            @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 :D `

                            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
                            0
                            • HomoranH Do not disturb
                              HomoranH Do not disturb
                              Homoran
                              Global Moderator Administrators
                              wrote on last edited by
                              #14

                              @hg6806:

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

                              Das lässt sich doch beliebig einstellen.

                              Gruß

                              Rainer

                              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                              1 Reply Last reply
                              0
                              • hg6806H Offline
                                hg6806H Offline
                                hg6806
                                Most Active
                                wrote on last edited by
                                #15

                                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
                                0
                                Reply
                                • Reply as topic
                                Log in to reply
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                724

                                Online

                                32.6k

                                Users

                                82.1k

                                Topics

                                1.3m

                                Posts
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                ioBroker Community 2014-2025
                                logo
                                • Login

                                • Don't have an account? Register

                                • Login or register to search.
                                • First post
                                  Last post
                                0
                                • Home
                                • Recent
                                • Tags
                                • Unread 0
                                • Categories
                                • Unreplied
                                • Popular
                                • GitHub
                                • Docu
                                • Hilfe