Weiter zum Inhalt
  • Home
  • Aktuell
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [Projekt] MDCSS v2: Material Design CSS Version 2

NEWS

  • Neuer Installer und neuer Fixer: übersichtliche Oberfläche und `iob docker`
    BluefoxB
    Bluefox
    7
    1
    251

  • Mitmachen: Sprich „ioBroker“ ein – für ein lokales Aktivierungswort
    BluefoxB
    Bluefox
    6
    1
    274

  • Neuer Blogbeitrag: KI in ioBroker, vom Helfer im Admin bis zum eigenen Smart Assistant
    BluefoxB
    Bluefox
    4
    1
    252

[Projekt] MDCSS v2: Material Design CSS Version 2

Geplant Angeheftet Gesperrt Verschoben Visualisierung
material uivismaterial css
717 Beiträge 74 Kommentatoren 281.3k Aufrufe 77 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • D
    D
    Denkra
    TeamSpeak
    schrieb am zuletzt editiert von
    #441

    Moin. Ich hatte vorher das Material Design Widget drauf und jetzt lasse ich das über CSS laufen. Funktioniert aber nicht also er zeigt es mir nicht so an wie es alles angezeigt werden soll.

    Dominik F.D 1 Antwort Letzte Antwort
    0
    • D Denkra

      Moin. Ich hatte vorher das Material Design Widget drauf und jetzt lasse ich das über CSS laufen. Funktioniert aber nicht also er zeigt es mir nicht so an wie es alles angezeigt werden soll.

      Dominik F.D
      Dominik F.D
      Dominik F.
      schrieb am zuletzt editiert von
      #442

      @Denkra

      du musst dich da etwas genauer ausdrücken, ansonsten ist eine Hilfe nicht ansatzweise möglich

      D 1 Antwort Letzte Antwort
      0
      • Dominik F.D Dominik F.

        @Denkra

        du musst dich da etwas genauer ausdrücken, ansonsten ist eine Hilfe nicht ansatzweise möglich

        D
        D
        Denkra
        TeamSpeak
        schrieb am zuletzt editiert von
        #443

        @Dominik-F Also ich hatte vorher den Material Design Adapter bei mir drauf. Jetzt habe ich die Vis von Pittini für die Heizungssteuerung drauf gezogen die mit dem Adapter nicht funktioniert sondern nur mit dem CSS Uhula. Bei mir zeigt er die ganzen Widgets aber trotzdem nicht so an wie sie angezeigt werden sollen und die meisten CSS Klassen funktionieren nicht.

        Dominik F.D 1 Antwort Letzte Antwort
        0
        • D Denkra

          @Dominik-F Also ich hatte vorher den Material Design Adapter bei mir drauf. Jetzt habe ich die Vis von Pittini für die Heizungssteuerung drauf gezogen die mit dem Adapter nicht funktioniert sondern nur mit dem CSS Uhula. Bei mir zeigt er die ganzen Widgets aber trotzdem nicht so an wie sie angezeigt werden sollen und die meisten CSS Klassen funktionieren nicht.

          Dominik F.D
          Dominik F.D
          Dominik F.
          schrieb am zuletzt editiert von
          #444

          @Denkra

          hast du das projekt css skript und das skript auch eingefügt? das ist die Grundlage, dass am Ende alles so aussieht

          D 1 Antwort Letzte Antwort
          0
          • Dominik F.D Dominik F.

            @Denkra

            hast du das projekt css skript und das skript auch eingefügt? das ist die Grundlage, dass am Ende alles so aussieht

            D
            D
            Denkra
            TeamSpeak
            schrieb am zuletzt editiert von
            #445

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

            Dominik F.D 1 Antwort Letzte Antwort
            0
            • D Denkra

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

              Dominik F.D
              Dominik F.D
              Dominik F.
              schrieb am zuletzt editiert von
              #446

              @Denkra

              Hast du dein Projekt auch richtig umbenannt?

              D 1 Antwort Letzte Antwort
              0
              • Dominik F.D Dominik F.

                @Denkra

                Hast du dein Projekt auch richtig umbenannt?

                D
                D
                Denkra
                TeamSpeak
                schrieb am zuletzt editiert von
                #447

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

                Dominik F.D 1 Antwort Letzte Antwort
                0
                • D Denkra

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

                  Dominik F.D
                  Dominik F.D
                  Dominik F.
                  schrieb am zuletzt editiert von
                  #448

                  @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 Antwort Letzte Antwort
                  0
                  • Dominik F.D Dominik F.

                    @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
                    D
                    Denkra
                    TeamSpeak
                    schrieb am zuletzt editiert von
                    #449

                    @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.D 1 Antwort Letzte Antwort
                    0
                    • D Denkra

                      @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.D
                      Dominik F.D
                      Dominik F.
                      schrieb am zuletzt editiert von Dominik F.
                      #450

                      @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 Antwort Letzte Antwort
                      0
                      • Dominik F.D 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
                        D
                        Denkra
                        TeamSpeak
                        schrieb am zuletzt editiert von
                        #451

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

                        D Dominik F.D 2 Antworten Letzte Antwort
                        0
                        • D Denkra

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

                          D
                          D
                          Denkra
                          TeamSpeak
                          schrieb am zuletzt editiert von
                          #452

                          @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 Antwort Letzte Antwort
                          0
                          • D Denkra

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

                            Dominik F.D
                            Dominik F.D
                            Dominik F.
                            schrieb am zuletzt editiert von
                            #453

                            @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 Antwort Letzte Antwort
                            0
                            • Dominik F.D Dominik F.

                              @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
                              D
                              Denkra
                              TeamSpeak
                              schrieb am zuletzt editiert von
                              #454

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

                              Dominik F.D 1 Antwort Letzte Antwort
                              0
                              • D Denkra

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

                                Dominik F.D
                                Dominik F.D
                                Dominik F.
                                schrieb am zuletzt editiert von
                                #455

                                @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 Antwort Letzte Antwort
                                0
                                • Dominik F.D Dominik F.

                                  @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
                                  D
                                  Denkra
                                  TeamSpeak
                                  schrieb am zuletzt editiert von
                                  #456

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

                                  1 Antwort Letzte Antwort
                                  0
                                  • D der-eine

                                    @Tirador importiere mal dieses Widget. Mit javascript:history.back(1) in "Link" kommst Du eine View zurück.

                                    Widget

                                    [{"tpl":"tplIconLink","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"","href":"javascript:history.back(1)","class":"mdui-button mdui-center","alt":"","text":"<i class=\"material-icons\">keyboard_backspace</i>"},"style":{"left":"calc(100% - 80px)","top":"2px","width":"36px","height":"36px"},"widgetSet":"jqui"}]
                                    

                                    T
                                    T
                                    Tirador
                                    schrieb am zuletzt editiert von
                                    #457

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

                                    D 1 Antwort Letzte Antwort
                                    0
                                    • T Tirador

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

                                      D
                                      D
                                      der-eine
                                      schrieb am zuletzt editiert von
                                      #458

                                      @Tirador gerne. 😀

                                      1 Antwort Letzte Antwort
                                      0
                                      • A
                                        A
                                        ak1
                                        schrieb am zuletzt editiert von
                                        #459

                                        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!

                                        UhulaU 1 Antwort Letzte Antwort
                                        0
                                        • A ak1

                                          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!

                                          UhulaU
                                          UhulaU
                                          Uhula
                                          schrieb am zuletzt editiert von
                                          #460

                                          @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)
                                          

                                          Uhula - Leise und Weise
                                          Ex: ioBroker on Gigabyte NUC Proxmox

                                          A 1 Antwort Letzte Antwort
                                          0

                                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                          Registrieren Anmelden
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          487

                                          Online

                                          33.1k

                                          Benutzer

                                          84.1k

                                          Themen

                                          1.4m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2026
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe