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. Material Design Widgets: Buttons Widget

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Buttons Widget

Scheduled Pinned Locked Moved Visualisierung
vis
157 Posts 38 Posters 28.8k Views 40 Watching
  • 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.
  • ScroungerS Scrounger

    @Bostil
    Gibt's schon, Stil Text

    BostilB Offline
    BostilB Offline
    Bostil
    wrote on last edited by
    #84

    @Scrounger Danke dir. Bei mir haben Sie dennoch eine leichte, abgerundete Ecke - nur zur info:

    253359d4-c6ca-4b67-95d0-c99a3bd8763c-image.png

    ScroungerS 1 Reply Last reply
    0
    • D Offline
      D Offline
      dos1973
      wrote on last edited by
      #85

      @Bostil
      Hast du mal in Css ränder radius 0 versucht? Habe eben kein vis zur Hand, ziemlich weit unten in den settings. Ich meine ich habe damit schon Ecken gemacht

      1 Reply Last reply
      0
      • BostilB Bostil

        @Scrounger Danke dir. Bei mir haben Sie dennoch eine leichte, abgerundete Ecke - nur zur info:

        253359d4-c6ca-4b67-95d0-c99a3bd8763c-image.png

        ScroungerS Offline
        ScroungerS Offline
        Scrounger
        Developer
        wrote on last edited by
        #86

        @Bostil
        Stimmt, den bekommst du aber auch nur weg mit css überschreiben.
        Der ist aber eigentlich tranparent nur bei hover / press kommt Farbe ins Spiel, die man per Editor aber auf transparent setzen kann.

        1 Reply Last reply
        1
        • C Offline
          C Offline
          Coffeelover
          wrote on last edited by
          #87

          Hallo zusammen,
          habe versucht einen HTTP-GET Befehl hinter ein Button Widget zu legen. Leider habe ich das nur hinbekommen in Verbindung mit einem sich neu öffnenden Fenster. Lässt sich das ohne Zusatzfester umsetzen?
          VG

          1 Reply Last reply
          0
          • N Offline
            N Offline
            nousefor82
            wrote on last edited by
            #88

            Hallo @Scrounger,

            der Adapter begeistert mich jedes Mal aufs Neue.

            Weißt du, woran es liegt, dass das Icon in der Vertikalen nich zu zentrieren ist?

            Gibt es hier einen CSS-Befehl?

            806A2BEC-81F4-4A1E-B537-E83AE1125A2B.jpeg

            Viele Grüße

            ScroungerS 1 Reply Last reply
            0
            • N nousefor82

              Hallo @Scrounger,

              der Adapter begeistert mich jedes Mal aufs Neue.

              Weißt du, woran es liegt, dass das Icon in der Vertikalen nich zu zentrieren ist?

              Gibt es hier einen CSS-Befehl?

              806A2BEC-81F4-4A1E-B537-E83AE1125A2B.jpeg

              Viele Grüße

              ScroungerS Offline
              ScroungerS Offline
              Scrounger
              Developer
              wrote on last edited by
              #89

              @nousefor82
              Ist ein Fehler, werd ich mit der nächsten Version korrigieren

              N 1 Reply Last reply
              0
              • ScroungerS Scrounger

                @nousefor82
                Ist ein Fehler, werd ich mit der nächsten Version korrigieren

                N Offline
                N Offline
                nousefor82
                wrote on last edited by
                #90

                @Scrounger

                Alles klar! Danke für die Info!

                1 Reply Last reply
                0
                • S Offline
                  S Offline
                  Strobelix
                  wrote on last edited by
                  #91

                  Kannst du denn die Möglichkeit einbauen, dass man bei State Buttons auch Aktivbild und eine Aktive Beschriftungsfarbe wie beim Toggle hat?

                  Ich würde gern States besser hervorheben wie bei den Toggles, allerdings ohne die Möglichkeit den Wert mit dem selben Button wieder zurückzusetzen.

                  Danke schon Mal

                  Raspberrymatic, Homematic & Homematic IP Aktoren, ioBroker auf NUC i3, Nuki, Harmony Hub, Digitalstrom, Diverse Sonoff (Tasmota) und Shellies

                  ScroungerS 1 Reply Last reply
                  0
                  • S Strobelix

                    Kannst du denn die Möglichkeit einbauen, dass man bei State Buttons auch Aktivbild und eine Aktive Beschriftungsfarbe wie beim Toggle hat?

                    Ich würde gern States besser hervorheben wie bei den Toggles, allerdings ohne die Möglichkeit den Wert mit dem selben Button wieder zurückzusetzen.

                    Danke schon Mal

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    wrote on last edited by
                    #92

                    @Strobelix
                    Schreib bitte nen Issue dafür auf github, dann bau ich es evtl. mal ein.

                    Du könntest es auch so realisieren, dass du einfach zwei Button States nimmst, die übereinander legst und die Option Sichtbarkeit verwendest, in Abhängigkeit welchen Wert der Datenpunkt hat.

                    XsevX 1 Reply Last reply
                    0
                    • ScroungerS Scrounger

                      @Strobelix
                      Schreib bitte nen Issue dafür auf github, dann bau ich es evtl. mal ein.

                      Du könntest es auch so realisieren, dass du einfach zwei Button States nimmst, die übereinander legst und die Option Sichtbarkeit verwendest, in Abhängigkeit welchen Wert der Datenpunkt hat.

                      XsevX Offline
                      XsevX Offline
                      Xsev
                      wrote on last edited by Xsev
                      #93

                      @Scrounger Ich teste gerade mit verschiedenen Button und Toggle, leider kann ich keine Bilder hinterlegen. Wenn ich unter Symbole klicke öffnet sich der Dateimanager aber es werden keinerlei Symbole/Dateien angezeigt, nur leere Ordner obwohl voll mit Bilddateien. Benötige ich ein spezielles Dateiformat oder was mach ich falsch?

                      D ScroungerS 2 Replies Last reply
                      0
                      • XsevX Xsev

                        @Scrounger Ich teste gerade mit verschiedenen Button und Toggle, leider kann ich keine Bilder hinterlegen. Wenn ich unter Symbole klicke öffnet sich der Dateimanager aber es werden keinerlei Symbole/Dateien angezeigt, nur leere Ordner obwohl voll mit Bilddateien. Benötige ich ein spezielles Dateiformat oder was mach ich falsch?

                        D Offline
                        D Offline
                        dos1973
                        wrote on last edited by
                        #94

                        @Xsev
                        in das Textfeld klicken, dann bekommst du die Symbol Auswahl

                        XsevX 1 Reply Last reply
                        0
                        • XsevX Xsev

                          @Scrounger Ich teste gerade mit verschiedenen Button und Toggle, leider kann ich keine Bilder hinterlegen. Wenn ich unter Symbole klicke öffnet sich der Dateimanager aber es werden keinerlei Symbole/Dateien angezeigt, nur leere Ordner obwohl voll mit Bilddateien. Benötige ich ein spezielles Dateiformat oder was mach ich falsch?

                          ScroungerS Offline
                          ScroungerS Offline
                          Scrounger
                          Developer
                          wrote on last edited by
                          #95

                          @Xsev sagte in Material Design Widgets: Buttons Widget:

                          Wenn ich unter Symbole klicke öffnet sich der Dateimanager aber es werden keinerlei Symbole/Dateien angezeigt, nur leere Ordner obwohl voll mit Bilddateien. Benötige ich ein spezielles Dateiformat oder was mach ich falsch?

                          Bilder müssen über den VIS Editor hochgeladen werden, sonst sieht man die nicht und hat auch keinen Zugriff.

                          1 Reply Last reply
                          0
                          • D dos1973

                            @Xsev
                            in das Textfeld klicken, dann bekommst du die Symbol Auswahl

                            XsevX Offline
                            XsevX Offline
                            Xsev
                            wrote on last edited by Xsev
                            #96

                            @dos1973 sagte in Material Design Widgets: Buttons Widget:

                            @Xsev
                            in das Textfeld klicken, dann bekommst du die Symbol Auswahl

                            Danke das funktioniert! Dauert nur ein bisschen bis sich der Kontext öffnet. Damit bekomme ich eine feste Auswahl aber leider keine eigenen.

                            @Scrounger
                            Ich hab die Bilder mit dem Vis Editor hochgeladen, sicherheitshalber gerade nochmal meinen Ordner mit SVG Icons direkt in die aktuelle VIs, leider bleibt der Ordner (Ordnerstruktur vollständig) dennoch leer.

                            edit; mit Pfadangabe im Texfeld geht es, nur eben nicht über den Dateimanager...

                            sigi234S 1 Reply Last reply
                            0
                            • XsevX Xsev

                              @dos1973 sagte in Material Design Widgets: Buttons Widget:

                              @Xsev
                              in das Textfeld klicken, dann bekommst du die Symbol Auswahl

                              Danke das funktioniert! Dauert nur ein bisschen bis sich der Kontext öffnet. Damit bekomme ich eine feste Auswahl aber leider keine eigenen.

                              @Scrounger
                              Ich hab die Bilder mit dem Vis Editor hochgeladen, sicherheitshalber gerade nochmal meinen Ordner mit SVG Icons direkt in die aktuelle VIs, leider bleibt der Ordner (Ordnerstruktur vollständig) dennoch leer.

                              edit; mit Pfadangabe im Texfeld geht es, nur eben nicht über den Dateimanager...

                              sigi234S Online
                              sigi234S Online
                              sigi234
                              Forum Testing Most Active
                              wrote on last edited by
                              #97

                              @Xsev
                              Ordner unter vis.0 anlegen und mit Dateimanager hochladen.

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                              Immer Daten sichern!

                              XsevX 1 Reply Last reply
                              0
                              • sigi234S sigi234

                                @Xsev
                                Ordner unter vis.0 anlegen und mit Dateimanager hochladen.

                                XsevX Offline
                                XsevX Offline
                                Xsev
                                wrote on last edited by
                                #98

                                @sigi234
                                Das hab ich, sowohl Vis.0 wie auch Dateimanager. Ganz komisch, sonst werden mir die Bilder ja auch angezeigt und über die Pfadangabe geht es auch. Nur nicht über den Button

                                ScroungerS 1 Reply Last reply
                                0
                                • XsevX Xsev

                                  @sigi234
                                  Das hab ich, sowohl Vis.0 wie auch Dateimanager. Ganz komisch, sonst werden mir die Bilder ja auch angezeigt und über die Pfadangabe geht es auch. Nur nicht über den Button

                                  ScroungerS Offline
                                  ScroungerS Offline
                                  Scrounger
                                  Developer
                                  wrote on last edited by
                                  #99

                                  @Xsev
                                  Dann hast du wohl ein genrelles Problem. Denke die Rechte sind falsch gesetzt.
                                  Falls Linux System dann z.B. mal chmod 777 -R auf den vis ordner ausführen.

                                  XsevX GarganoG 2 Replies Last reply
                                  0
                                  • ScroungerS Scrounger

                                    @Xsev
                                    Dann hast du wohl ein genrelles Problem. Denke die Rechte sind falsch gesetzt.
                                    Falls Linux System dann z.B. mal chmod 777 -R auf den vis ordner ausführen.

                                    XsevX Offline
                                    XsevX Offline
                                    Xsev
                                    wrote on last edited by
                                    #100

                                    @Scrounger
                                    Danke! Sehr strange Geschichte. Die Rechte hab ich kontrolliert und neu gesetzt leider ohne Erfolg. Das komische ist ja, wenn ich eine direkte Pfadangabe mache, hab ich Zugriff und bekomme die Bilder auch angezeigt im Button. Auch über andere Widgets (HQ-Buttons, Image etc.) komm ich an die Daten. Is jetzt nicht weiter dramatisch da es über den Pfad ja geht und ich anscheinend ja der einzige mit dem Problem bin. Einzig, was mir gerade einfällt, sonst gehe ich über "Quelle" an die Bilder, bei dir geht es über "Symbole" das der einzige Unterschied der mir einfällt.

                                    frank2604F 1 Reply Last reply
                                    0
                                    • XsevX Xsev

                                      @Scrounger
                                      Danke! Sehr strange Geschichte. Die Rechte hab ich kontrolliert und neu gesetzt leider ohne Erfolg. Das komische ist ja, wenn ich eine direkte Pfadangabe mache, hab ich Zugriff und bekomme die Bilder auch angezeigt im Button. Auch über andere Widgets (HQ-Buttons, Image etc.) komm ich an die Daten. Is jetzt nicht weiter dramatisch da es über den Pfad ja geht und ich anscheinend ja der einzige mit dem Problem bin. Einzig, was mir gerade einfällt, sonst gehe ich über "Quelle" an die Bilder, bei dir geht es über "Symbole" das der einzige Unterschied der mir einfällt.

                                      frank2604F Offline
                                      frank2604F Offline
                                      frank2604
                                      wrote on last edited by
                                      #101

                                      Hallo, fange gerade an mich mit dem Material Design Konzept und den Widgets zu beschäftigen. Ich möchte die Dashboards für unser neues Haus damit umsetzten.

                                      Habe keinen Thread für allgemeine Fragen gefunden, daher hier:

                                      Kann ich die die Farbeinstellungen der jeweiligen Elemente über globale Variablen setzten, so dass ich später noch einfach das Farbkonzept umstellen kann?

                                      Danke und Grüße

                                      Frank

                                      Intel NUC8 i3, Proxmox, VM Ubuntu, ioBroker
                                      Philips HUE, Homematic CCU3, Zigbee, Yamaha MusicCast, Vorwerk ...

                                      N 1 Reply Last reply
                                      0
                                      • frank2604F frank2604

                                        Hallo, fange gerade an mich mit dem Material Design Konzept und den Widgets zu beschäftigen. Ich möchte die Dashboards für unser neues Haus damit umsetzten.

                                        Habe keinen Thread für allgemeine Fragen gefunden, daher hier:

                                        Kann ich die die Farbeinstellungen der jeweiligen Elemente über globale Variablen setzten, so dass ich später noch einfach das Farbkonzept umstellen kann?

                                        Danke und Grüße

                                        Frank

                                        N Offline
                                        N Offline
                                        nousefor82
                                        wrote on last edited by
                                        #102

                                        @frank2604

                                        Hi, ja das kannst du.

                                        Über den CSS Reiter einen Style definieren und diesen dann dem Widget und Allgemein zuweisen.

                                        VG

                                        frank2604F 1 Reply Last reply
                                        0
                                        • N nousefor82

                                          @frank2604

                                          Hi, ja das kannst du.

                                          Über den CSS Reiter einen Style definieren und diesen dann dem Widget und Allgemein zuweisen.

                                          VG

                                          frank2604F Offline
                                          frank2604F Offline
                                          frank2604
                                          wrote on last edited by
                                          #103

                                          @nousefor82

                                          Danke für Deine Antwort. Hatte bisher garnicht mit CSS gearbeitet. Habe mich die letzten Stunden damit ein wenig beschäftigt und ein paar Basic Widgets konnte ich jetzt schon über CSS-KLassen beeinflussen :grin: .

                                          Ich brauch aber noch mal einen Schubs in die richtige Richtung:

                                          Wie kann ich denn z.B. beim Toggle-Button diese 3 Farben über CSS setzen?

                                          Button_css.jpg

                                          VG

                                          Intel NUC8 i3, Proxmox, VM Ubuntu, ioBroker
                                          Philips HUE, Homematic CCU3, Zigbee, Yamaha MusicCast, Vorwerk ...

                                          N 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

                                          390

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          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