Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Projekt] MDCSS v2: Material Design CSS Version 2

    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

    [Projekt] MDCSS v2: Material Design CSS Version 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      Denkra TeamSpeak @Dominik F. last edited by

      @Dominik-F Ja das war alles im VIS Export mit dabei

      Dominik F. 1 Reply Last reply Reply Quote 0
      • Dominik F.
        Dominik F. @Denkra last edited by

        @Denkra

        Hast du dein Projekt auch richtig umbenannt?

        D 1 Reply Last reply Reply Quote 0
        • D
          Denkra TeamSpeak @Dominik F. last edited by

          @Dominik-F Ja es gibt zu der Vis eine komplette Anleitung und da bin ich genau nach gegangen.

          Dominik F. 1 Reply Last reply Reply Quote 0
          • Dominik F.
            Dominik F. @Denkra last edited by

            @Denkra

            Damit wir diesen Thread nicht damit vollspamen, schreib mal bitte in diesem weiter :

            https://forum.iobroker.net/topic/27889/vorlage-vis-für-adapter-heatingcontrol/183

            Kannst du dann dort mal Screenshots zeigen wie es bei dir aussieht?

            D 1 Reply Last reply Reply Quote 0
            • D
              Denkra TeamSpeak @Dominik F. last edited by

              @Dominik-F Hatte hier schon gefragt und da wurde ich vom ersteller hier hin verwiesen.

              [https://forum.iobroker.net/topic/22579/test-adapter-heatingcontrol-v0-3-x/1077]

              Ich markiere dich da mal

              Dominik F. 1 Reply Last reply Reply Quote 0
              • Dominik F.
                Dominik F. @Denkra last edited by Dominik F.

                @Denkra

                ich glaub ich weiß woran es liegen könnte. Geh mal links oben auf das Menü, dann auf Einstellungen. Auch wenn dort bei dir alles weiß auf weiß ist, kannst du dort farben auswählen. Das passiert durch temporäre States. Nachdem du die Farben ausgewählt hast müsste es richtig aussehen.

                Edit:
                so sind die Einstellungen bei mir:
                Unbenannt.PNG

                alternativ wird es wahrscheinlich eine view geben die abar heisst. Dort kannst du auch die Farben eingeben :

                Unbenannt1.PNG

                D 1 Reply Last reply Reply Quote 0
                • D
                  Denkra TeamSpeak @Dominik F. last edited by

                  @Dominik-F Ah ja das zusammenklappen funktioniert nur das weiß in weiß ändert sich nicht. kann da absolut gar nichts erkennen

                  D Dominik F. 2 Replies Last reply Reply Quote 0
                  • D
                    Denkra TeamSpeak @Denkra last edited by

                    @Denkra sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

                    @Dominik-F Ah ja das zusammenklappen funktioniert nur das weiß in weiß ändert sich nicht. kann da absolut gar nichts erkennen

                    Okay nehme es zurück. Habe einfach mal ein bisschen geklickt und den richtigen Punkt gefunden um die Farbezu ändern

                    1 Reply Last reply Reply Quote 0
                    • Dominik F.
                      Dominik F. @Denkra last edited by

                      @Denkra

                      Ich habs beim ersten mal auch durch rumklicken dort erst geschafft.
                      bei dem CSS von Uhula ist das so, dass man einmal diese States gesetzt haben muss, dann werden die gespeichert.
                      Jetzt müsste es doch besser bzw richtig aussehen oder?

                      D 1 Reply Last reply Reply Quote 0
                      • D
                        Denkra TeamSpeak @Dominik F. last edited by

                        @Dominik-F Ja jetzt sieht alles gut aus. Vielen dank

                        Dominik F. 1 Reply Last reply Reply Quote 0
                        • Dominik F.
                          Dominik F. @Denkra last edited by

                          @Denkra

                          gern, viel spaß damit 🙂

                          mir ist übrigens aufgefallen, dass du mir einen Link zum Adapter Heating Control gegeben hast. Ich hatte dir einen Link für die Vorlage der Vis von Pittini gegeben 🙂

                          D 1 Reply Last reply Reply Quote 0
                          • D
                            Denkra TeamSpeak @Dominik F. last edited by

                            @Dominik-F Ja war nur ein bisschen verwirrt da in beiden über die VIS geschrieben wurde.

                            1 Reply Last reply Reply Quote 0
                            • T
                              Tirador @der-eine last edited by

                              @der-eine Das mit dem Back-Knopf hat mal direkt funktioniert. Besten Dank. 🙂

                              D 1 Reply Last reply Reply Quote 0
                              • D
                                der-eine @Tirador last edited by

                                @Tirador gerne. 😀

                                1 Reply Last reply Reply Quote 0
                                • A
                                  ak1 last edited by

                                  Hallo zusammen!

                                  Hat jemand mal ein mdui-click Beispiel für mich?

                                  Ähnlich wie in der MD_Demo habe ich ein Popup-Menu mit "jqui - Button State" Widgets gebaut.
                                  CSS Klasse:

                                  mdui-menuitem mdui-group-popup mdui-hide
                                  

                                  Nun versuche ich auf einen Klick hin Hue-Szenen zu aktivieren, sprich den entsprechenden State auf true zu setzen. Also z.B.

                                  linkeddevices.0.Wohnzimmer.Hue_Alle.scene_hell
                                  

                                  Wie stelle ich das an?
                                  Besten Dank!

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

                                    @ak1 Zwei Möglichkeiten,

                                    • (1) entweder ein Widget nutzen, mit dem du einen State auf true setzen kannst (Bsp: basic HTML State, die kann man auch als Popupmenu Eintrag nehmen). Das wäre die Standard VIS Lösung.

                                    • (2) oder du hängst die Klick-Aktion direkt im CSS bei einem basic HTML Widget mit an, was aber eine MDCSS Lösung ist und nur damit funktioniert (meistens 😉 ) :

                                    mdui-menuitem mdui-group-popup mdui-hide mdui-click?action:setValue(linkeddevices.0.Wohnzimmer.Hue_Alle.scene_hell,true)
                                    
                                    A 1 Reply Last reply Reply Quote 0
                                    • D
                                      der-eine @Uhula last edited by

                                      @Uhula habs jetzt nochmal gelöscht und neu reinkopiert änder leider nichts. Weder mit mdui-center noch mdui-center-h.
                                      Aber das Icon für die Herzen hab ich gefunden. 👍


                                      Bildschirmfoto 2020-05-05 um 18.35.45.png


                                      Bildschirmfoto 2020-05-05 um 18.36.26.png

                                      1 Reply Last reply Reply Quote 0
                                      • A
                                        ak1 @Uhula last edited by

                                        @Uhula sagte in [Projekt] MDCSS v2: Material Design CSS Version 2:

                                        @ak1 Zwei Möglichkeiten,

                                        • (1) entweder ein Widget nutzen, mit dem du einen State auf true setzen kannst (Bsp: basic HTML State, die kann man auch als Popupmenu Eintrag nehmen). Das wäre die Standard VIS Lösung.

                                        Besten Dank! Ich habe Variante 1 genommen und das funktioniert gut.

                                        1 Reply Last reply Reply Quote 0
                                        • M
                                          mctom last edited by

                                          Ich bastel gerade mal wieder an meinen neuen Views.
                                          Basis ist das MDCSS.
                                          An einer Stelle komme ich nicht mehr weiter. In der abar habe ich noch ein Datum und Uhrzeit eingebaut.

                                          SharedScreenshot.jpg

                                          Auf dem Tabelt sieht das auch super aus. Auf dem Handy im Hochformat liegt leider alles übereinander. Hat jemand eine Idee wie ich das ändern könnt?

                                          Dominik F. 1 Reply Last reply Reply Quote 0
                                          • Dominik F.
                                            Dominik F. @mctom last edited by

                                            @mctom

                                            du gibst für den Abstand von links calc (80% - 20px) ein als Beispiel. Die 20 px sind die Hälfte der Breite des Widgets. So machst du die Position abhängig von der vorhandenen Breite

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            883
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            material css material ui vis
                                            74
                                            717
                                            141492
                                            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