Dynamische Ansicht von Seiteninhalt (als Tabelle?)
am 05.03.2026 - 00:10 Uhr in
Hallo,
für eine Webseite habe ich mir einen neuen Inhaltstyp für Preise angelegt. Es gibt dabei mehrere Felder, die dann per Formular gefüllt werden können. Soweit sollte das bei allen bekannt und Standard sein.
Mit diesem Inhaltstyp habe ich dann mehrere nodes zum Test angelegt. Also node/22, node/23 u.s.w. Ich habe keinen Alias hinzugefügt, weil diese "nodes" nicht einzeln angezeigt werden sollen. Ich würde gerne diese Nodes auf einem normalen grroßen Monitor so anzeigen lassen, dass immer 3 nebeneinander liegen und dann darunter mit den nächsten weitergemacht wird. Also bei einer Tabelle wären es 3 Spalten.
Ich würde gerne, dass auf einem Smartphone diese einzelnen Anzeigen untereinander angezeigt werden und nicht nebeneinander gequetscht. Mit einer normalen html Tabelle war mein erster Versuch, aber da wird das ja auch krass verformt.
Vielleicht geht das auch nicht mit "content type" und "view" sondern muss mit etwas anderem erledigt werden. Zumindest die Eingabe, oder Ändern des Inhaltes sollte per Formular geschehen.
Habt ihr eine Tipp für mich, wie ich das umsetzen könnte und was ich ggf. für ein Drupal-Modul benötigt? Ich bin nicht ganz neu mit Drupal, aber so weit bin ich da noch nicht drin. Installiert habe ich Drupal 11.x
Vielen Dank für weiterführende Hinweise.
- Anmelden oder Registrieren um Kommentare zu schreiben

Im Grunde ist dass ein
am 06.03.2026 - 08:09 Uhr
Im Grunde ist dass ein no-brainer. Du willst nämlich keine Tabelle ausgeben, sondern ein responsives Raster, dass sich je nach Bildschirmbreite dynamisch umbricht. Während Tabellen Inhalte in ein Statisches Raster zwingen, nämlich innerhalb des Tags table, werden Responsive Raster meist mit der CSS-Technik Flexbox umgesetzt. Dass ist die Grundlage für modernes Responsive Design.
Im Grunde geht es mit Bordmitteln. Wenn du beispielsweise Bootstrap verwendest, gibt es Views Bootstrap, dass Raster mithilfe der in Bootstrap vorgegebenen Klassen darstellt. Die Antwort ist als genau wie bei vielen anderen Dingen in Drupal, könnt drauf an
Mit Responsive Raster hatte
am 10.03.2026 - 19:43 Uhr
Mit Responsive Raster hatte versucht diesen Inhaltstyp darzustellen. Aber das sah dann auf einem Smartphone auch wieder "gequetscht" aus. Ich überlege nun, ob das vielleicht mit Blöcken möglich ist. Das heißt, ich würde einen neuen Blocktyp definieren in den ich dann die entsprechenden Infos eintrage und mit einem "view" versuche diese dann entstehenden Blöcke auf einer Seite darzustellen.
Ich suche mich aktuell noch durch die Module und Infos in Foren.
Ideal wäre, wenn diese einzelnen Blocke nebeneinander (vielleicht immer 3) wären und bei der Ansicht auf einem Smartphone untereinander rutschen. So wie in der Skizze im Anhang dargestellt.
Welches Theme benutzt du
am 11.03.2026 - 09:39 Uhr
Welches Theme benutzt du denn?
Die View nimmt den Inhalt und legt dass HTML-Gerüst um deine Inhalte. Also die HTML-Tags und einige wenige Klassen, die das Views-Modul vorgibt. Dass Design des Rasters muss aber im zweifel via CSS an die in der View befindlichen Inhalte angepasst werden. Um dir effektiv helfen zu können, brauchen wir also den Namen des Themes, dass du verwendest und im Idealfall ein paar demo-Daten für deine Pricing Table.
Theme
am 11.03.2026 - 15:15 Uhr
Ich benutze dieses Theme: https://www.drupal.org/project/solo
Ich bin da auch nicht unbedingt auf eine Tabelle festgelegt. Ich habe nun schon das Modul "CKEditor 5 Responsive Table" installiert und auch " Responsive Table Filter ". Aber damit passt es auch nicht so richtig. Ich fürchte, mit Tabelle komme ich da nicht weiter.
Wenn ich die Tabellenbreite auf 50% setze, dann sieht es zwar am Rechner ganz gut aus, aber auf dem Smartphone wird es sehr schmal. Gebe ich keine Tabellenbreite an, ist die Tabelle mit 1 Spalte am Rechner einfach unschön, dafür passt es aber am Smartphone. :)
Du sollst ja auch keine
am 11.03.2026 - 15:51 Uhr
Du sollst ja auch keine Tabelle verwenden :D Tabellen sehen auf Mobilen Geräten nie gut aus.
Also gut. Pricing table mit solo ich schau mir das nachher mal an.
Textboxen mit Tabelle
am 11.03.2026 - 16:03 Uhr
Sowas wie eine Textbox in der dann eine Tabelle ist könnte funktionieren. Aber dazu habe (noch) ich nichts gefunden.
Ich bekomme aktuell auch noch nicht heraus, wie ich die einzelnen "Tabellen" als Block erstelle und alles dann auf einer Seite darstelle. Es darf auch gerne untereinander sein.
Arrrrg. Nix Tabelle :-D /*
am 11.03.2026 - 22:41 Uhr
Arrrrg. Nix Tabelle :-D
Siehe : https://youtu.be/ZJIzR-wFjxY
Der darin versprochene CSS Code
/* Styling für die einzelnen Preiskarten im Grid */
.views-view-responsive-grid__item {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px; /* Schöne abgerundete Ecken */
padding: 24px; /* Wichtig für Mobil: Genug Innenabstand! */
box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Leichter Schatten */
text-align: center; /* Oft gut für Preistabellen */
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* Optional: Ein leichter Hover-Effekt für Desktop-Nutzer */
.views-view-responsive-grid__item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
/* Wichtige Anpassungen speziell für kleine Bildschirme (Mobile) */
@media (max-width: 480px) {
.views-view-responsive-grid__item {
padding: 16px; /* Auf Handys etwas weniger Innenabstand */
}
/* Falls der Titel der Preiskarte z.B. ein h3 ist, mach ihn auf Handys etwas kleiner */
.views-view-responsive-grid__item h3 {
font-size: 1.25rem;
}
}