Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • 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. Error/Bug
  4. MDCSS v2: Cards lassen sich nicht minimieren

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.3k

MDCSS v2: Cards lassen sich nicht minimieren

Geplant Angeheftet Gesperrt Verschoben Gelöst Error/Bug
vismaterialdesign
21 Beiträge 6 Kommentatoren 1.6k Aufrufe 7 Watching
  • Ä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.
  • C Offline
    C Offline
    chhe
    schrieb am zuletzt editiert von
    #5

    Okay ... Aber selbst von landing funktioniert es ja nicht.

    1 Antwort Letzte Antwort
    0
    • Dominik F.D Offline
      Dominik F.D Offline
      Dominik F.
      schrieb am zuletzt editiert von
      #6

      @Uhula
      hast du vielleicht eine Idee dazu? Ist in deinem Orginalthread etwas untergegangen

      1 Antwort Letzte Antwort
      0
      • UhulaU Offline
        UhulaU Offline
        Uhula
        schrieb am zuletzt editiert von
        #7

        Generell funktionieren die "mdui-expand" und "mdui-fullscreen" Schaltflächen nur, wenn die View selbst in einem anderen View in einem "view in widget" Widget abgerufen wird und das "view in widget" Widget dort die CSS Klasse "mdui-card" (oder "mdui-card-raised" oder "mdui-card-outlined") zugewiesen bekommen hat. Dieses ist wichtig, da hieran erkannt wird, was expandiert/gefullscreent werden soll.

        Beispiel im MD_Demo: card-Views befinden sich im content-View in "view in widget" Widgets.

        Heißt auch: Ein view mit den Schaltflächen separat als Runtime geöffnet kann nicht funktionieren!

        Im MD_Demo wird es in keinem card-View funktionieren, in den cont-Views (und den page-Views) dann schon, weil dort ja die card-Views entsprechend behandelt werden.

        Hilft das?

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

        P 1 Antwort Letzte Antwort
        0
        • UhulaU Uhula

          Generell funktionieren die "mdui-expand" und "mdui-fullscreen" Schaltflächen nur, wenn die View selbst in einem anderen View in einem "view in widget" Widget abgerufen wird und das "view in widget" Widget dort die CSS Klasse "mdui-card" (oder "mdui-card-raised" oder "mdui-card-outlined") zugewiesen bekommen hat. Dieses ist wichtig, da hieran erkannt wird, was expandiert/gefullscreent werden soll.

          Beispiel im MD_Demo: card-Views befinden sich im content-View in "view in widget" Widgets.

          Heißt auch: Ein view mit den Schaltflächen separat als Runtime geöffnet kann nicht funktionieren!

          Im MD_Demo wird es in keinem card-View funktionieren, in den cont-Views (und den page-Views) dann schon, weil dort ja die card-Views entsprechend behandelt werden.

          Hilft das?

          P Offline
          P Offline
          Pittini
          Developer
          schrieb am zuletzt editiert von Pittini
          #8

          @Uhula sagte in MDCSS v2: Cards lassen sich nicht minimieren:

          Hilft das?

          Hier vielleicht, aber hier leider nicht denk ich. Mein Projekt is ja ordnungsgemäß aufgebaut und funktioniert an sich ja bei allen. Nur bei dem einen User mag das klappen nicht klappen. Magste bitte mal reinschauen?

          1 Antwort Letzte Antwort
          0
          • C Offline
            C Offline
            chhe
            schrieb am zuletzt editiert von
            #9

            Ja, das hat geholfen.
            Der Fehler ist folgendermaßen begründet:

            In der View "contStart" fehlte den "view in widget" die CSS Klasse "mdui-card" oder die anderen beiden Alternativen. Füge ich diese hinzu lassen sich die Widgets problemlos auf- und zuklappen.

            Finde ich etwas seltsam, dass es dennoch bei anderen funktioniert? Macht es evtl Sinn diese CSS Klasse generell hinzuzufügen in diesem Beispiel Projekt?

            Gibt es eine Möglichkeit festzulegen, dass die Cards generell aufgeklappt bleiben bzw. erst zuklappen sobald zuwenig vertikale Bildschirmhöhe vorhanden ist? Denn aktuell ist es bei mir, dass nach unten noch genug Platz vorhanden ist, die Cards aber dennoch zugeklappt werden.

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

              Ja, das hat geholfen.
              Der Fehler ist folgendermaßen begründet:

              In der View "contStart" fehlte den "view in widget" die CSS Klasse "mdui-card" oder die anderen beiden Alternativen. Füge ich diese hinzu lassen sich die Widgets problemlos auf- und zuklappen.

              Finde ich etwas seltsam, dass es dennoch bei anderen funktioniert? Macht es evtl Sinn diese CSS Klasse generell hinzuzufügen in diesem Beispiel Projekt?

              Gibt es eine Möglichkeit festzulegen, dass die Cards generell aufgeklappt bleiben bzw. erst zuklappen sobald zuwenig vertikale Bildschirmhöhe vorhanden ist? Denn aktuell ist es bei mir, dass nach unten noch genug Platz vorhanden ist, die Cards aber dennoch zugeklappt werden.

              Dominik F.D Offline
              Dominik F.D Offline
              Dominik F.
              schrieb am zuletzt editiert von Dominik F.
              #10

              @chhe

              Unbenannt.PNG

              Wenn du bei diesem Widget in den cards das mdui-onload löscht, bleiben die Cards aufgeklappt.
              Ob das geht, dass die Cards sich automatisch zuklappen bei zu geringer Höhe weiß ich ehrlich gesagt nicht

              Edit: Nach der Lösung des Problems weiß ich glaube ich warum das bei meinem Projekt bei dir nicht funktionierte. Geh mal bitte in meinem Projekt Links oben ins Menü und dann auf Einstellungen. Dort gibt es einen Reiter Cards und klick dann bitte mal auf raised, outlined oder flat. Ich hatte von Anfang an damit rumgespielt und daher kam wohl bei mir nie das Problem auf :D Damit wird alles cards das mdui-card-raised als Beispiel zugewiesen. Das gleiche ist auch in der Demo vorhanden.

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

                @chhe

                Unbenannt.PNG

                Wenn du bei diesem Widget in den cards das mdui-onload löscht, bleiben die Cards aufgeklappt.
                Ob das geht, dass die Cards sich automatisch zuklappen bei zu geringer Höhe weiß ich ehrlich gesagt nicht

                Edit: Nach der Lösung des Problems weiß ich glaube ich warum das bei meinem Projekt bei dir nicht funktionierte. Geh mal bitte in meinem Projekt Links oben ins Menü und dann auf Einstellungen. Dort gibt es einen Reiter Cards und klick dann bitte mal auf raised, outlined oder flat. Ich hatte von Anfang an damit rumgespielt und daher kam wohl bei mir nie das Problem auf :D Damit wird alles cards das mdui-card-raised als Beispiel zugewiesen. Das gleiche ist auch in der Demo vorhanden.

                C Offline
                C Offline
                chhe
                schrieb am zuletzt editiert von
                #11

                @Dominik-F said in MDCSS v2: Cards lassen sich nicht minimieren:

                Edit: Nach der Lösung des Problems weiß ich glaube ich warum das bei meinem Projekt bei dir nicht funktionierte. Geh mal bitte in meinem Projekt Links oben ins Menü und dann auf Einstellungen. Dort gibt es einen Reiter Cards und klick dann bitte mal auf raised, outlined oder flat. Ich hatte von Anfang an damit rumgespielt und daher kam wohl bei mir nie das Problem auf :D Damit wird alles cards das mdui-card-raised als Beispiel zugewiesen. Das gleiche ist auch in der Demo vorhanden.

                Genau das ist die Lösung.
                Habe es mal im Demoprojekt probiert. Keine der 3 Varianten war aktiviert. Sobald ich eine aktiviert habe funktionieren alle Cards.

                Habe jetzt gerade noch festgestellt, dass wenn ich eine Card maximiere diese nicht im Vordergrund dargestellt wird. Vllt. passt da aber der Z-Index einfach nicht. Muss ich mir genauer ansehen.. Würde mich ggf. nochmal dazu melden.

                Vielen Dank!

                P 1 Antwort Letzte Antwort
                0
                • C chhe

                  @Dominik-F said in MDCSS v2: Cards lassen sich nicht minimieren:

                  Edit: Nach der Lösung des Problems weiß ich glaube ich warum das bei meinem Projekt bei dir nicht funktionierte. Geh mal bitte in meinem Projekt Links oben ins Menü und dann auf Einstellungen. Dort gibt es einen Reiter Cards und klick dann bitte mal auf raised, outlined oder flat. Ich hatte von Anfang an damit rumgespielt und daher kam wohl bei mir nie das Problem auf :D Damit wird alles cards das mdui-card-raised als Beispiel zugewiesen. Das gleiche ist auch in der Demo vorhanden.

                  Genau das ist die Lösung.
                  Habe es mal im Demoprojekt probiert. Keine der 3 Varianten war aktiviert. Sobald ich eine aktiviert habe funktionieren alle Cards.

                  Habe jetzt gerade noch festgestellt, dass wenn ich eine Card maximiere diese nicht im Vordergrund dargestellt wird. Vllt. passt da aber der Z-Index einfach nicht. Muss ich mir genauer ansehen.. Würde mich ggf. nochmal dazu melden.

                  Vielen Dank!

                  P Offline
                  P Offline
                  Pittini
                  Developer
                  schrieb am zuletzt editiert von
                  #12

                  @chhe sagte in MDCSS v2: Cards lassen sich nicht minimieren:

                  Genau das ist die Lösung.
                  Habe es mal im Demoprojekt probiert. Keine der 3 Varianten war aktiviert. Sobald ich eine aktiviert habe funktionieren alle Cards.

                  Interessant, das könnte evtl. auch die Lösung für @Bastelritius sein? Probiers mal aus @Bastelritius

                  1 Antwort Letzte Antwort
                  0
                  • C Offline
                    C Offline
                    chhe
                    schrieb am zuletzt editiert von
                    #13

                    Finde das ehrlich gesagt sehr verwirrend und mich wundert es, dass bisher nicht mehr Leute das Problem hatten.
                    @Uhula macht es evtl. Sinn eine Standardauswahl festzulegen?

                    Dominik F.D UhulaU 2 Antworten Letzte Antwort
                    0
                    • C chhe

                      Finde das ehrlich gesagt sehr verwirrend und mich wundert es, dass bisher nicht mehr Leute das Problem hatten.
                      @Uhula macht es evtl. Sinn eine Standardauswahl festzulegen?

                      Dominik F.D Offline
                      Dominik F.D Offline
                      Dominik F.
                      schrieb am zuletzt editiert von
                      #14

                      @chhe

                      Die meisten müssen über die Einstellungen ja die Farben auswählen bzw machen es sofort und spielen wahrscheinlich automatisch dann auch mit den anderen Einstellungen herum sodass das gar nicht auffällt wie bei mir :D

                      1 Antwort Letzte Antwort
                      0
                      • C chhe

                        Finde das ehrlich gesagt sehr verwirrend und mich wundert es, dass bisher nicht mehr Leute das Problem hatten.
                        @Uhula macht es evtl. Sinn eine Standardauswahl festzulegen?

                        UhulaU Offline
                        UhulaU Offline
                        Uhula
                        schrieb am zuletzt editiert von Uhula
                        #15

                        @chhe sagte in MDCSS v2: Cards lassen sich nicht minimieren:

                        macht es evtl. Sinn eine Standardauswahl festzulegen?

                        Ja, kann aber nicht im MDCCS selbst passieren, das muss schon individuell in den cont-Views erfolgen. Dort wird ja die Zuweisung an die CSS-Klasse erst aus festen Zeichen und vis-binding "zusammengebastelt".

                        Bsp.: "mdui-{0_userdata.0.mycards}"

                        Wenn dann in 0_userdata.0.mycards noch nicht "card", "card-raised" oder "card-outlined" drin steht, kann das MDCSS-Skript auch leider nichts finden, da es nur "mdui-" sieht (es läuft ja nur im Browser). Eine mögliche Vorbelegung wäre, wenn man folgendes im cont-View nutzt (habe ich nicht getestet):

                        Bsp.: "mdui-card mdui-{0_userdata.0.mycards}"

                        Dann findet das MDCSS-Script zumindest den Default-Wert in "mdui-card mdui-"

                        @Pittini : Müsstest du bei dir mal so einbauen zum Test

                        Daran habe ich auch nicht gedacht als ich mit dem vis-binding in der CSS-Klasse anfing, man lernt nie aus. Logisch erklärbar sind die Probleme damit aber.

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

                        1 Antwort Letzte Antwort
                        0
                        • R Offline
                          R Offline
                          rotamint
                          schrieb am zuletzt editiert von
                          #16

                          Hallo zusammen, ich stehe vor dem gleichen Problem, dass ich in der VIS-Runtime die Klappkarten nicht schließen kann. Zusätzlich erhalte ich eine Fehlermeldung "... nicht gefunden.

                          Ich habe hier mein Problem geschildert und wäre über Hilfe sehr dankbar!

                          Gruß Stefan.

                          BastelritiusB 1 Antwort Letzte Antwort
                          0
                          • R rotamint

                            Hallo zusammen, ich stehe vor dem gleichen Problem, dass ich in der VIS-Runtime die Klappkarten nicht schließen kann. Zusätzlich erhalte ich eine Fehlermeldung "... nicht gefunden.

                            Ich habe hier mein Problem geschildert und wäre über Hilfe sehr dankbar!

                            Gruß Stefan.

                            BastelritiusB Offline
                            BastelritiusB Offline
                            Bastelritius
                            schrieb am zuletzt editiert von
                            #17

                            @rotamint Hallo, ich habe auch das gleiche Problem und noch keine Lösung gefunden. Selbst ein Neuaufbau der kompletten Seite im VIS Editor bringt nichts. Sobald ich die Widgets reinkopiere funktioniert das zusammenklappen nicht mehr. Alle anderen Seiten ohne die HeatingControl widgets laufen einwandfrei.

                            P Dominik F.D 2 Antworten Letzte Antwort
                            0
                            • BastelritiusB Bastelritius

                              @rotamint Hallo, ich habe auch das gleiche Problem und noch keine Lösung gefunden. Selbst ein Neuaufbau der kompletten Seite im VIS Editor bringt nichts. Sobald ich die Widgets reinkopiere funktioniert das zusammenklappen nicht mehr. Alle anderen Seiten ohne die HeatingControl widgets laufen einwandfrei.

                              P Offline
                              P Offline
                              Pittini
                              Developer
                              schrieb am zuletzt editiert von
                              #18

                              @Bastelritius sagte in MDCSS v2: Cards lassen sich nicht minimieren:

                              Alle anderen Seiten ohne die HeatingControl widgets laufen einwandfrei.

                              Was sind denn HeatingControl Widgets? Wo hast Du die her?
                              Oder meinst Du meine Views für HeatingControl? Wenn dem so ist, funktioniert das eigenständige Projekt alleine? Wie heißt das neue Projekt in das Du das reinkopierst? Hast Du alle Projektnamensverweise in den "CSS-Klasse" Feldern auf den neuen Namen angepasst?

                              BastelritiusB 1 Antwort Letzte Antwort
                              0
                              • P Pittini

                                @Bastelritius sagte in MDCSS v2: Cards lassen sich nicht minimieren:

                                Alle anderen Seiten ohne die HeatingControl widgets laufen einwandfrei.

                                Was sind denn HeatingControl Widgets? Wo hast Du die her?
                                Oder meinst Du meine Views für HeatingControl? Wenn dem so ist, funktioniert das eigenständige Projekt alleine? Wie heißt das neue Projekt in das Du das reinkopierst? Hast Du alle Projektnamensverweise in den "CSS-Klasse" Feldern auf den neuen Namen angepasst?

                                BastelritiusB Offline
                                BastelritiusB Offline
                                Bastelritius
                                schrieb am zuletzt editiert von
                                #19

                                @Pittini Ja, sorry, ich meinte die views, nicht widgets.
                                Nein, das Projekt funktioniert auch nicht alleine. Das Verhalten ist das Gleiche. Egal ob ich das Beispielprojekt nehme oder mein eigenes. Also das heißt das zusammenklappen der Cards funktioniert nicht. Sonst läuft es soweit ich es beurteilen kann. Die Namen und Verweise habe ich geändert nachdem ich es in mein Projekt kopiert habe.

                                P 1 Antwort Letzte Antwort
                                0
                                • BastelritiusB Bastelritius

                                  @Pittini Ja, sorry, ich meinte die views, nicht widgets.
                                  Nein, das Projekt funktioniert auch nicht alleine. Das Verhalten ist das Gleiche. Egal ob ich das Beispielprojekt nehme oder mein eigenes. Also das heißt das zusammenklappen der Cards funktioniert nicht. Sonst läuft es soweit ich es beurteilen kann. Die Namen und Verweise habe ich geändert nachdem ich es in mein Projekt kopiert habe.

                                  P Offline
                                  P Offline
                                  Pittini
                                  Developer
                                  schrieb am zuletzt editiert von
                                  #20

                                  @Bastelritius sagte in MDCSS v2: Cards lassen sich nicht minimieren:

                                  Egal ob ich das Beispielprojekt nehme oder mein eigenes.

                                  Bitte drück Dich präziser aus, das macht es allen leichter zu helfen. Welches Beispielprojekt? Das die MD_Demo oder das HeatingControl Vis Projekt?

                                  Oben schreibst Du:

                                  Alle anderen Seiten ohne die HeatingControl widgets laufen einwandfrei.

                                  Jetzt schreibst Du:

                                  Nein, das Projekt funktioniert auch nicht alleine. Das Verhalten ist das Gleiche. Egal ob ich das Beispielprojekt nehme oder mein eigenes.

                                  Ich blick grad nimmer durch was jetzt wo funktioniert und was nicht.

                                  Also nochmal, wenn Du mein HeatingControl Vis mit Projektnamen HeatingControl importierst, funktioniert es dann oder nicht? (bezogen auf das card zusammenklappen)
                                  Wenn Du die MD_Demo importierst funktioniert die dann oder nicht? (bezogen auf das card zusammenklappen)

                                  1 Antwort Letzte Antwort
                                  0
                                  • BastelritiusB Bastelritius

                                    @rotamint Hallo, ich habe auch das gleiche Problem und noch keine Lösung gefunden. Selbst ein Neuaufbau der kompletten Seite im VIS Editor bringt nichts. Sobald ich die Widgets reinkopiere funktioniert das zusammenklappen nicht mehr. Alle anderen Seiten ohne die HeatingControl widgets laufen einwandfrei.

                                    Dominik F.D Offline
                                    Dominik F.D Offline
                                    Dominik F.
                                    schrieb am zuletzt editiert von
                                    #21

                                    @Bastelritius

                                    Über deinem ersten Post ist ein Post von rotamint. In diesem befindet sich ein Link zu einem Thread wo sein Problem gelöst wurde. Vielleicht hilft es dir wenn du das gleiche Problem hast.

                                    1 Antwort Letzte Antwort
                                    0
                                    Antworten
                                    • In einem neuen Thema antworten
                                    Anmelden zum Antworten
                                    • Älteste zuerst
                                    • Neuste zuerst
                                    • Meiste Stimmen


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    858

                                    Online

                                    32.4k

                                    Benutzer

                                    81.5k

                                    Themen

                                    1.3m

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

                                    • Du hast noch kein Konto? Registrieren

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