BE Listenansicht anpassen

[mht]

metamodels/bundle_all : dev-master Referenz: f5892747

Ich möchte im Backend in der Tabelle der Metamodels die Ansicht der Einträge zweispaltig erzeugen.
Mit Typ und Name als Spaltenüberschrift.

Durch das Anpassen des entsprechenden Templates bekomme ich die Ansicht zweispaltig. Allerdings steht die Bezeichnung und der Typ jedes Eintrages immer dabei und ich bekomme die Spaltenüberschrift nicht hinein.

Wenn ich in der DefaultListingConfig.php getShowColums() true zurückgebe bekomme ich eine zweispaltige Liste allerdings ohne Inhalt. Gibt es eine Möglichkeit dies dort für eine/zwei Listen anzupassen oder bin ich dort komplett falsch?

[zonky]

die Fragestellung gab es schon ab und an... auch bei mir ;-)

so einfach ist die Sache aber nicht...

https://community.contao.org/de/show...de-als-Tabelle

[mht]

Aus deiner Frage werde ich nicht schlau. Muss ich das mit dca machen oder wie ich bisher versucht habe über die Templates (getShowColumns()).

Oder gar ganz anders?

[zonky]

das "Problem" ist, bei MM gibt es kein DCA was irgendwo "rumliegt" und editiert werden kann - das wird alles dynamisch zusammengeschraubt.

m.E. müsste das als eigenständige Ansicht programmiert werden inkl. einer Auswahl der (Tabellen)-Spalten

[mht]

Danke für die Erklärung

[zonky]

lt. Tim soll es in der MM 2.1 vorrangig um die Benutzerführung und Anzeige gehen => ggf. könnte man die "Bitte" an der Stelle mit einbringen...

m.E. gibt es dazu noch kein explizites Ticket => machst Du eins auf? und dann hier mit verlinken

[mht]

Ich habe es mal in mein Ticket mit aufgenommen, welches ich letztlich geöffnet hatte.
https://github.com/MetaModels/core/issues/813

[Andreas]

@mht

Ich verstehe die Frage nicht so ganz, wahrscheinlich da du nicht zeigst, wie es bei dir aussehen soll. Aber mit CSS kannst du das normale metamodels_prerendered so aussehen lassen, wie z.B. die Liste der Benutzer.

[zonky]

@Andreas: ist das eine "theoretische Aussage" oder hast Du das mal durchgeführt?

stelle ich mir etwas tricky vor wie

* mit Labels ausgeben
* Labels alle ausblenden außer 1. Zeile
* alle Werte 1. Zeile unter die Labels
* alle Div-Container nebeneinander
...
:-(

[Andreas]

Ne, ich hatte das ausprobiert, bevor ich geschrieben hatte.

* mit Labels ausgeben - Checkbox im Rendersetting
* Labels alle ausblenden außer 1. Zeile - display:none; :first-child display:block;
* alle Werte 1. Zeile unter die Labels - ? so wie bei den Benutzern, Label als Spaltenüberschrift, darunter die Werte
* alle Div-Container nebeneinander - bei 2 Spalten width:50%; float:left; der ersten Spalte kann man noch clear:both; geben.

Die Icons des obersten Eintrags kann man noch mit vertical-align:bottom; nach unten setzen. Dann noch ein wenig Farbe und Größe.

[zonky]

sounds good!

gibts ggf. die CSS gleich zum DL ;-)

[Andreas]

Wenn du mir per PN den BE Zugang gibst, kann ich es eben im Firebug einrichten und hier posten. Am besten ne mm.css aufsetze in die ich die Einträge machen kann.

[zonky]

Ne, ich hatte das ausprobiert, ...

eine verwendbare Demo habe ich im Moment nicht da - dachte eher an Dein o.g. Test-File

[Andreas]

Ne, ich hatte das nur im Firebug umgesetzt und habe auch nicht das original BE-Theme im Einsatz, deswegen hätte ich es gerne direkt in deiner Installation umgesetzt.

[Andreas]

Hier mal der Ansatz mit Floats:

/** Hide labels */
[class*="table_mm_"] .label {
  display: none;
}
/** Show and format first labels*/
[class*="table_mm_"] tr:first-child .label {
  display: block;
  font-weight: bold;
  background-color: #f3f3f3;
  border: 1px solid #e9e9e9;
  border-width: 1px 0;
}
/** Make columnes */
[class*="table_mm_"] .field {
  width: 14%; /** 100/(Anzahl Spalten) */
  float: left;
  box-sizing: border-box;
  min-height: 1px; /** If there are empty values */
}
/** Fine tune */
[class*="table_mm_"] tr:first-child td {
  width: 100%;
}
[class*="table_mm_"] tr:first-child .label {
  margin-left: -6px;
  padding: 2px 6px 3px;
}
[class*="table_mm_"] tr:first-child .value {
  padding: 2px 6px 0 0;
}
[class*="table_mm_"] .value {
  padding-right: 6px;
  word-wrap: break-word; /** If there are many columnes */
}
[class*="table_mm_"] tr:first-child td:last-child {
  padding-top: 19px;
}
[class*="table_mm_"] .field:first-child {
  clear: both;
}

Und hier noch einer mit display:table; (nicht ganz ausgearbeitet)

[class*=table_mm_] td:first-child {
  padding: 0 !important;
}
.layout_full {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item {
  display: table-row;
}
.field {
  display: table-cell;
  word-wrap: break-word;
}
.label {
  display: none;
}
tr:first-child .label {
  display: block;
  font-weight: bold;
  background-color: #f3f3f3;
  border: 1px solid #e9e9e9;
  border-width: 1px 0;
}
.label,
.value {
  padding: 2px 6px 3px;
}

ps Schade, dass es hier kein CSS-Syntaxhighlighting gibt.

[s3lf]

Finde das ja etwas "Hacky".

Außerdem ist das Highlighting bei der ersten Zeile nicht schön.

Screenshot_Selection_024.png

Trotzdem ist es recht beeindruckend

[s3lf]

Hab durch zwei Änderungen schon ne Tabelle hinbekommen.

https://github.com/MetaModels/core/i...ment-106259879

Screenshot_Selection_025.png

[Andreas]

Finde das ja etwas "Hacky".

"Hacky" eigentlich nicht, aber ich gebe dir Recht, dass ein anderer Quellcode besser wäre.

Die Formatierung der Spaltenüberschriften ging bei mir zumindestens bis zu den Icons. Evtl. hast du hier ja meine 14% übernommen.

width: 14%; /** 100/(Anzahl Spalten) */

100/3 würde ja 33,3... ergeben.