Weihnachtsangebot 2025! 🎄

[sigi234]

@der-eine sagte in [Projekt] Material Design CSS v2:

@sigi234 ohne Skript einfach nur das Binding? Damit kann ich es aber nicht mit den Klassen aus MD formatieren.

Ja, übersehen, willst ja mit MD.

[der-eine]

@sigi234 ja genau hätte es gerne mit MD formatiert!

[sigi234]

@der-eine sagte in [Projekt] Material Design CSS v2:

@sigi234 ja genau hätte es gerne mit MD formatiert!

Hast du so einen DP?

[der-eine]

@sigi234 Nein, hab ich nicht. Muss ich selber einen anlegen? Stand nirgends dachte er wird durch das Skript im js.0 angelegt.

[sigi234]

@der-eine sagte in [Projekt] Material Design CSS v2:

@sigi234 Nein, hab ich nicht. Muss ich selber einen anlegen? Stand nirgends dachte er wird durch das Skript im js.0 angelegt.

Ja, kann man auch. Ich habe halt 2 DP......

[der-eine]

@sigi234 hast Du dann ein Skript, dass die Datenpunkte befüllt oder wie machst Du das?

[Pittini]

@sigi234 sagte in [Projekt] Material Design CSS v2:

Hast du so einen DP?

Wieso sollte er den haben? Hier gehts nicht um den Adapter Leute, sondern ums CSS/Skript.

[sigi234]

@der-eine sagte in [Projekt] Material Design CSS v2:

@sigi234 hast Du dann ein Skript, dass die Datenpunkte befällt oder wie machst Du das?

Einfach das Widget MD Table nehmen und als ID den DP nehmen.

[der-eine]

@Pittini genau. Danke :+1:

[sigi234]

@Pittini sagte in [Projekt] Material Design CSS v2:

@sigi234 sagte in [Projekt] Material Design CSS v2:

Hast du so einen DP?

Wieso sollte er den haben? Hier gehts nicht um den Adapter Leute, sondern ums CSS/Skript.

Ach ja, die verwechsle ich immer wieder.

[Dominik F.]

@Pittini
Hast du in den Einstellungen der Widgets in der Contendcard auch alles umbenannt? Ich weiß nicht obs daran liegen kann, aber ich hab diese Einstellungen aus dem Demoprojekt übernommen gehabt und bei mir gehts

@etv
seltsam....ich habs genauso eingestellt und bei mir hats so funktioniert

[Pittini]

@Dominik-F sagte in [Projekt] Material Design CSS v2:

Hast du in den Einstellungen der Widgets in der Contendcard

Mal abgesehen davon dass ich ja kein Problem mitm content habe, sondern mit lnav/rnav ist natürlich alles identisch benannt, so einfach isses leider nicht zu lösen. Ich mach sowas eh nicht "händisch", sondern immer mit suchen und ersetzen, da rutscht nix durch.

[Dominik F.]

@Pittini
eine Idee hätte ich noch....auf dem Bild was du oben gezeigt hast steht xdui-config anstatt mdui-config

hab gerade in der neuen Demo gesehen, dass es dort auch steht, dann wird es das nicht sein sorry

[der-eine]

@Pittini hast Du das am laufen und könntest mir erklären was ich dazu alles brauche?

[Pittini]

@Dominik-F sagte in [Projekt] Material Design CSS v2:

eine Idee hätte ich noch....auf dem Bild was du oben gezeigt hast steht xdui-config anstatt mdui-config

Jap, isso, aber auch schon in der Demo. 2 Blöcke heißen xdui und einer mdui. Ich denke mal die zwei xdui Blöcke sind zum testen für @Uhula und werden entsprechend umbenannt je nach Bedarf.

[Uhula]

@Dominik-F Das die "visibility" nicht funktioniert, liegt an der Zuweisung vom "mdui-center". Denn sowohl das Verstecken als auch das Zentrieren erfolgt über die display-Eigenschaft im CSS. Letzteres übersteuert das Verstecken. Wenn du "mdui-center" nicht brauchst, entferne es mal. Alternativ, kannst du aus der CSS Datei auch drei Zeilen löschen, dann geht es auch. Ich teste mal, ob ich die generell entfernen kann, denke schon.

Die jeweils 1.Zeile löschen (haben hier .x):

/* zentrieren */

.xmdui-center-v,
.mdui-center-v .vis-widget-body,
.mdui-center-v .vis-widget-body *  {
  display:flex !important;
  align-items: center;
}
.xmdui-center-h,
.mdui-center-h .vis-widget-body,
.mdui-center-h .vis-widget-body *  {
  display:flex !important;
  justify-content: center;
}
.xmdui-center,
.mdui-center .vis-widget-body,
.mdui-center .vis-widget-body * {
  display:flex !important;
  align-items: center;
  justify-content: center;
}

@der-eine Das mit dem share-Button ist mir schon klar. Ich weiß nur nicht, wie ich Grafana mitteile, dass ich eine Tendenz angezeigt haben möchte.

@foxriver76 Wenn du mdui-cols-4-toc-16 angibst UND zusätzlich eine width, dann wird versuch der width innerhalb der Grenzen von 4-16 (x80) zu entsprechen. Ist z.B. sinnvoll, wenn man genau zwei cards nebeneinander ahaben möchten und ihnen die width=50% zuweist. Generell sollte die width dann aber keine Zuweisung haben.
Da es bei den Angaben mdui-cols-N Angaben ohne bis-Angabe zu Verständnisproblemen kam, da diese +10% Größenänderung erlaubten, habe ich in der v2.1 diese 10% entfernt. Nun ist mdui-cols-4 = 320 Px = mdui-cols-4-toc-4

@Pittini Kannst du mir dein Projekt anonymisiert zukommen lassen, das macht es leichter. Mail-Addy bekommst du per PN/Chat. Die "Material Design Widgets" aus 2018 hast du nicht als Adapter installiert - die stören nämlich, da dort MD CSS v1.8 drin ist.
Der config-Dialog bekommt seinen Titel und das X dadurch, dass er als jqui-Dialog angezeigt wird.
NavButtons und Secondary Color: Theoretisch machbar, aber problematisch, wenn man z.B. die tnav im dark-Theme, den content aber im light-Theme hat.

@SMARTY-ML Automatische View-Wechsel werden nicht durch das MD CSS ausgelöst. Das muss andere Ursachen haben.

[Pittini]

Ein Problem welches mal auftaucht, mal nicht, ist folgendes:

Seitenrefresh bringt keine Änderung. Irgendwann mach ich die Seite neu auf und es wird wieder angezeigt. Dann wieder mal nicht, ka was da bockt. Die Config Dialoge sind direkt aus der MD_Demo in ein MD_Simple kopiert (und angepasst). Den Effekt hab ich btw. bei beiden Projekten an denen ich grad arbeite.

[Dominik F.]

@Uhula

Ja genau das wars. Da ich das mdui-center dort brauchte hab ich es nun anders gelöst, mit 2 Buttons übereinander und der Sichtbarkeit. Möchte ungern was in der CSS Datei löschen da ich dann mit dem nächsten Update von dir wieder das gleiche Problem haben könnte.

[Uhula]

@Dominik-F Ich habe das in der CSS geändert, hat offensichtlich keine Nebeneffekte und funktioniert mit deinem Widget.

[Uhula]

Kleines Update - in Bezug auf die Meldungen von @Dominik-F und @Pittini - danke.
-> GitHub

v2.1.1 23.02.2020

CSS

• mdui-center[-h|-v]: Benutzte die CSS "display: !important" Eigenschaft, was dazu führte, dass die vis-Visibility Funktion, die auch über "display" geht, nicht mehr funktionierte. "!important" entfernt.
• weitere CSS-Variablen für die Farben (abar, ...) eingeführt
• ui-dialog: Korrektur der Hintergrundfarbe

vis-Editor

script

• Umbau des Setzens der Farben auf die neuen CSS-Variablen. Damit entfällt das (unsichere) anhängen von CSS-Anweisungen, welches manchmal fehl schlug, wenn die CSS Reihenfolge durch timing-Probleme nicht wie erwartet war.

MD_Demo