Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design - Switches, Radio buttons, …

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design - Switches, Radio buttons, …

    This topic has been deleted. Only users with topic management privileges can see it.
    • E
      eastcoast last edited by

      @Jeeper.at:

      …

      Ich habe die nicht installiert, aber sind das nicht die richtigen? `
      Nein, das sind nur Icons jedoch keine Control Widgets.

      1 Reply Last reply Reply Quote 0
      • Jeeper.at
        Jeeper.at last edited by

        OK, aber man kann doch die Widgets mit eigenen Icons versehen. Ich kann grad nicht auf mein System, aber ich verwende z.B. das Socket-CTRL Widget und habe meinen eigenen Symbole drauf (ich mach ich grüne Icons für ein, Rote für aus).

        1 Reply Last reply Reply Quote 0
        • E
          eastcoast last edited by

          @Jeeper.at:

          OK, aber man kann doch die Widgets mit eigenen Icons versehen… `
          Für einen einfachen Button ist das ja ok,

          aber für einen "Switch", "Radio Button" oder "Controlbox" (siehe dazu den Link im ersten Post) nicht unbedingt praktikabel.

          Deshalb sind entsprechende Symbole natürlich nicht im Icon-Pack enthalten,

          da dies eher eigenständige "Controls" oder "fancyswitch" wären.

          1 Reply Last reply Reply Quote 0
          • Jeeper.at
            Jeeper.at last edited by

            Alles klar.

            1 Reply Last reply Reply Quote 0
            • S
              SchuetzeSchulz last edited by

              Die o.g. Widgets in VIS zu haben wäre schon super 🙂

              1 Reply Last reply Reply Quote 0
              • E
                eastcoast last edited by

                Habe mal planlos im Internet gestöbert,

                wie es scheint gibt es unzählige Material Design HTML/CSS Frameworks (Materialize, Material UI, MUI, …).

                Leider habe ich keine Ahnung ob auf dieser Basis eine einfache Integration in ioBroker.vis möglich wäre.

                Wäre schon toll, solche Widgets in Zukunft in ioBroker zu sehen! 😉

                1 Reply Last reply Reply Quote 0
                • P
                  pix last edited by

                  Hallo,

                  gemäß dieser Ankündigung vom Homematic Usertreffen

                  http://download.iobroker.net/ioBroker%20Usertreffen%20Total%202016.pptx

                  gibt es demnächst auch einen anderen coolen neuen Widgetsatz.

                  Gruß

                  Pix

                  1 Reply Last reply Reply Quote 0
                  • E
                    eastcoast last edited by

                    Hallo,

                    habe mich für einen Button ein bischen mit dem MUI CSS framework gespielt (https://www.muicss.com/docs/v1/css-js/buttons).

                    Hierfür habe ich einfach aus dem MUI Paket alle Zeilen ab "MUI Buttons" aus mui.css

                    nach vis-Eigenschaften-CSS-Projekt kopiert sowie alles aus mui.js in vis-Eigenschaften-Skripte.

                    Aus der Klasse mui-btn habe ich noch die Parameter "padding", "margin-top", "marging-bottom" und "position" entfernt.

                    Anschließend ein BOOL-HTML-Steuer-Widget eingefügt und als CSS Klasse z.b. "mui-btn mui-btn–raised mui-btn--primary" angegeben.

                    Damit können nun unterschiedliche Material Design Buttons inkl. Effekte erzeugt werden.

                    Leider fehlt mir das Wissen und die Zeit...

                    ...möglicherweise wäre es für jemanden mit Erfahrung kein riesen Aufwand auf Basis von

                    http://www.muicss.com oder http://materializecss.com/

                    einen neuen Widget Satz mit einem Teil der verfügbaren Komponenten (Buttons, Dropdowons, Navbar, etc…) zu erstellen?
                    1408_clipboard01.jpg

                    1 Reply Last reply Reply Quote 0
                    • P
                      Pumbadinho last edited by

                      Also ich wäre auch interessiert… Leider fehlt mir auch die Zeit. Aber da material so popular ist, wird es doch sicher jemandem geben, der damit Erfahrung hat.

                      Gesendet von meinem Nexus 6P mit Tapatalk

                      1 Reply Last reply Reply Quote 0
                      • S
                        SchuetzeSchulz last edited by

                        Für meine Visu:

                        294_unbenannt.png

                        wären die hier super: https://material.google.com/components/ … rols.html#

                        Allerdings habe ich keine Idee wie man die einbindet.

                        1 Reply Last reply Reply Quote 0
                        • Uhula
                          Uhula last edited by

                          Wenn noch nicht bekannt, vielleicht hilft http://forum.iobroker.net/viewtopic.php?f=30&t=7739&p=83147#p83147 weiter.

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

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          765
                          Online

                          31.8k
                          Users

                          79.9k
                          Topics

                          1.3m
                          Posts

                          6
                          13
                          4635
                          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