Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    324

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.5k

Button Widgets mit Bildchen versehen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
15 Beiträge 3 Kommentatoren 5.6k Aufrufe
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • hg6806H Offline
    hg6806H Offline
    hg6806
    Most Active
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    0
    • H Offline
      H Offline
      hmanfred
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      0
      • hg6806H Offline
        hg6806H Offline
        hg6806
        Most Active
        schrieb am zuletzt editiert von
        #3

        Super! Danke! Hat geklappt.

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

        1 Antwort Letzte Antwort
        0
        • hg6806H Offline
          hg6806H Offline
          hg6806
          Most Active
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          0
          • HomoranH Nicht stören
            HomoranH Nicht stören
            Homoran
            Global Moderator Administrators
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            0
            • hg6806H Offline
              hg6806H Offline
              hg6806
              Most Active
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              0
              • HomoranH Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                0
                • hg6806H Offline
                  hg6806H Offline
                  hg6806
                  Most Active
                  schrieb am zuletzt editiert von
                  #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 Antwort Letzte Antwort
                  0
                  • HomoranH Nicht stören
                    HomoranH Nicht stören
                    Homoran
                    Global Moderator Administrators
                    schrieb am zuletzt editiert von
                    #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 Antwort Letzte Antwort
                    0
                    • hg6806H Offline
                      hg6806H Offline
                      hg6806
                      Most Active
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      0
                      • HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • hg6806H Offline
                          hg6806H Offline
                          hg6806
                          Most Active
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          0
                          • H Offline
                            H Offline
                            hmanfred
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            0
                            • HomoranH Nicht stören
                              HomoranH Nicht stören
                              Homoran
                              Global Moderator Administrators
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              • hg6806H Offline
                                hg6806H Offline
                                hg6806
                                Most Active
                                schrieb am zuletzt editiert von
                                #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 Antwort Letzte Antwort
                                0
                                Antworten
                                • In einem neuen Thema antworten
                                Anmelden zum Antworten
                                • Älteste zuerst
                                • Neuste zuerst
                                • Meiste Stimmen


                                Support us

                                ioBroker
                                Community Adapters
                                Donate

                                532

                                Online

                                32.5k

                                Benutzer

                                81.7k

                                Themen

                                1.3m

                                Beiträge
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                ioBroker Community 2014-2025
                                logo
                                • Anmelden

                                • Du hast noch kein Konto? Registrieren

                                • Anmelden oder registrieren, um zu suchen
                                • Erster Beitrag
                                  Letzter Beitrag
                                0
                                • Home
                                • Aktuell
                                • Tags
                                • Ungelesen 0
                                • Kategorien
                                • Unreplied
                                • Beliebt
                                • GitHub
                                • Docu
                                • Hilfe