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.
    • 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

                        404
                        Online

                        31.8k
                        Users

                        80.0k
                        Topics

                        1.3m
                        Posts

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