Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Projekt] Material Design CSS für ioBroker.vis

    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] Material Design CSS für ioBroker.vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • Negalein
      Negalein Global Moderator last edited by

      @intruder7:

      macht es nicht so kompliziert….

      wenn dun unter css die mdui-color-flash class hast dann gib einfach in deinem Widget unter CSS Klasse

      {val:"hier den Datenpunkt für die Tage rein ohne Anführungszeichen"; val==0? "": val>=1? "mdui-red-flash": "yellowgreen"}

      ein.

      du must allerdings in deinem Projekt die Javaskripte und CSS Klassen von Uhula drin haben. `

      Danke, teste ich!

      Dauert noch 12 Tage bis ich es sehe!

      1 Reply Last reply Reply Quote 0
      • Negalein
        Negalein Global Moderator last edited by

        @intruder7:

        macht es nicht so kompliziert….

        wenn dun unter css die mdui-color-flash class hast dann gib einfach in deinem Widget unter CSS Klasse

        {val:"hier den Datenpunkt für die Tage rein ohne Anführungszeichen"; val==0? "": val>=1? "mdui-red-flash": "yellowgreen"}

        ein.

        du must allerdings in deinem Projekt die Javaskripte und CSS Klassen von Uhula drin haben. `

        Bins nochmal!

        Also, ich hab {val:javascript.0.muell.Restabfall; val==0? "": val>=1? "mdui-red-flash": "yellowgreen"} in CSS Klass vom Widget geschrieben!

        Allerdings blinkt das Widget jetzt schon. Es sollte erst 1 Tag vor Abholung blinken!

        Hab ich was falsch eingetragen?

        Danke

        1 Reply Last reply Reply Quote 0
        • Negalein
          Negalein Global Moderator last edited by

          @coyote:

          Dann versuche mal das hier, füge es einfach am Ende des Scripts ein: `

          Danke, deins versuch ich natürlich auch!

          Gehört das ins Müllscript?

          1 Reply Last reply Reply Quote 0
          • I
            intruder7 last edited by

            @Negalein:

            @intruder7:

            macht es nicht so kompliziert….

            wenn dun unter css die mdui-color-flash class hast dann gib einfach in deinem Widget unter CSS Klasse

            {val:"hier den Datenpunkt für die Tage rein ohne Anführungszeichen"; val==0? "": val>=1? "mdui-red-flash": "yellowgreen"}

            ein.

            du must allerdings in deinem Projekt die Javaskripte und CSS Klassen von Uhula drin haben. `

            Bins nochmal!

            Also, ich hab {val:javascript.0.muell.Restabfall; val==0? "": val>=1? "mdui-red-flash": "yellowgreen"} in CSS Klass vom Widget geschrieben!

            Allerdings blinkt das Widget jetzt schon. Es sollte erst 1 Tag vor Abholung blinken!

            Hab ich was falsch eingetragen?

            Danke `

            Habs vertauscht 😮

            Trag es mal so ein. Sollte dann von Tag 1 bis Tag 0 blinken 😉

            {val:javascript.0.muell.Restabfall; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

            1 Reply Last reply Reply Quote 0
            • Negalein
              Negalein Global Moderator last edited by

              @intruder7:

              Habs vertauscht 😮

              Trag es mal so ein. Sollte dann von Tag 1 bis Tag 0 blinken 😉

              {val:javascript.0.muell.Restabfall; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"} `

              Kein Problem!

              Habs gerade selber auch entdeckt! 🙂

              1 Reply Last reply Reply Quote 0
              • coyote
                coyote Most Active last edited by

                Ich sag ja, es geht bestimmt auch einfacher 😉

                Schöne, einfache Lösung. Danke intruder7 werde ich vllt auch so übernehmen 8-)

                1 Reply Last reply Reply Quote 0
                • I
                  IOkev last edited by

                  Hallo, ich bin zur zeit an der erarbeitung meiner views, ich hätte eine frage, kann mir jeamand sagen ob man nur den lnav und rnav button und den zurück button nehmen kann und was ich dafür alles benötige? Ich bin anfänger und vertraue mich immer mehr an mit css und den skripten aber komme mit dem material design noch nicht so richtig klar. wäre dankbar über eure hilfe. Danke MFG Kevin

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

                    Hallo zusammen,

                    ich hätte gerne einen raisedbutton oder flatbutton zum steuern von VT einer CCU oder zum triggern eines HM Programm.

                    Habe schon mit dem Hq Button gespielt aber der will nicht so richtig in die CSS (optisch)

                    Hat da jemand schon etwas?

                    Grüße

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

                      Hi,

                      ich bin ein Neuling hier.

                      Wie kann ich denn die Views (MD_Simple oder MD_Demo) importieren. Wenn ich auf Views gehe und importiern nutze, bekomme ich den Fehler "Cannot render view "NameDerView". Invalid settings. Projekt Import geht gar nicht, da falsches File Format und via der Suche habe ich leider auch noch nichts geeignetes gefunden.

                      Vielleicht hat ja wer einen Hinweis für mich 🙂

                      sigi234 1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @sw23 last edited by sigi234

                        @sw23

                        Zip einfügen, Name vergeben.

                        Das ist keine View sondern ein Projekt!

                        Screenshot (1815).png

                        sw23 1 Reply Last reply Reply Quote 0
                        • sw23
                          sw23 @sigi234 last edited by

                          @sigi234 sagte in [Projekt] Material Design CSS für ioBroker.vis:

                          @sw23

                          Zip einfügen, Name vergeben.

                          Screenshot (1815).png

                          Ohh, das ging ja einfach und schnell. Vielen Dank. Auf die Idee mit dem Zip hätte ich auch kommen können 😉

                          Hat wunderbar geklappt.

                          1 Reply Last reply Reply Quote 0
                          • K
                            K_o_bold last edited by

                            Hallo zusammen,

                            erst mal vielen Dank an Uhula für die tolle Arbeit und das kostenlose bereitstellen.
                            Da ich noch unerfahren mit CSS und HTML bin, benötige ich Unterstützung bei einer Fehlersuche.
                            Ich habe das MD_Demo Projekt importiert und bediene mich aus einzelnen Bereichen. Das funktionierte bisher auch ganz gut.
                            Aktuell bin ich dabei ein Flot Diagramm in meine VIS einzubinden und habe dazu die CardFlot integriert.
                            Mein Problem ist jetzt, dass das drop down Menü nicht funtioniert. Die einzelnen Buttons werden immer angezeigt und der im Bild gelb markierte Button hat keine Funktion.

                            Hat jemand eine Idee woran das liegen könnte?
                            Drop down bug.JPG

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

                              Hallo,

                              kann mir jemnad verraten wie ich den "blauen" Button (sieh Screenshort) bearbeiten kann?

                              Danke und Grüße

                              Unbenannt.JPG

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

                                @K_o_bold Hi, du musst den Schaltflächen noch mitteilen, welches Widget sie als Ziel nutzen sollen. Dieses Ziel gibst du bei der Schaltfläche unter "CSS Klasse" als "mdui-target-<dein ziel widget>" an.
                                Wenn dein Grafik-Widget z.B. die ID w00090 hat (siehst du rechts in den Optionen, wenn da das Widget markierst), dann gibts du in der Schaltfläche unter "CSS Klasse" den Wert "mdui-target-w00090" an.
                                Bei den anderen Schaltflächen zum Zoomen usw. auch.

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

                                  @Saschag Dieser "floating button" ist normalerweise im view "abar" eingefügt - bei mir hat er den Namen mainSTATE. Da es sich um einen floatenden Button handelt, ist er im Designer nicht leicht zu packen. Am besten den view "abar" wählen und dann über die Liste "Aktive Widgets" (links oben) das Widget "mainSTATE" wählen, dann kann man die Eigenschaften bearbeiten. Achtung: In der Liste sollte nur dieses eine Widget markiert sein.

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

                                    @Uhula

                                    Super! Danke. Habe etwas suchen müssen war im „page1“ versteckt.

                                    Danke nochmal für dein Mega tolles Projekt.

                                    Bin etwas süchtig ☺ 😄

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

                                      @Uhula , danke...Das hat funktioniert...

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

                                        Vorab-Info:
                                        Ich habe das Material Design CSS/Script bei mir etwas erweitert, es kann nun auch "Chips" darstellen (Alternative zu Radio-Buttons). Wenn ich es auf Github aktualisiert habe, gibt es einen Hinweis hier im Forum.

                                        087dd4fa-9a1c-4716-9969-296a2530cde8-image.png

                                        ThomasLPZ D 2 Replies Last reply Reply Quote 7
                                        • ThomasLPZ
                                          ThomasLPZ @Uhula last edited by

                                          @Uhula
                                          Das sieht gut aus und ich freue mich auf die Erweiterung 🙂

                                          Danke und viele Grüße
                                          ThomasLPZ

                                          1 Reply Last reply Reply Quote 0
                                          • L
                                            lesiflo Most Active last edited by

                                            Cool ! Wann geht's los ? 👍

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            583
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            111
                                            650
                                            188833
                                            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