Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module › Views ›

Dynamische Ansicht von Seiteninhalt (als Tabelle?)

Eingetragen von McAldo (84)
am 05.03.2026 - 00:10 Uhr in
  • Views
  • Drupal 9.x oder neuer

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.

[gelöst] Wie kann ich verhindern dass bei leerer Auswahl alles gezeigt wird ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Im Grunde ist dass ein

Eingetragen von dinmikkith (1581)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Mit Responsive Raster hatte

Eingetragen von McAldo (84)
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.

AnhangGröße
Layout_Preisübersicht.png 41.64 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

Welches Theme benutzt du

Eingetragen von dinmikkith (1581)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Theme

Eingetragen von McAldo (84)
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. :)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Du sollst ja auch keine

Eingetragen von dinmikkith (1581)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Textboxen mit Tabelle

Eingetragen von McAldo (84)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Arrrrg. Nix Tabelle :-D /*

Eingetragen von dinmikkith (1581)
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;
  }
}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • emanare emphatically obdobia lekcje
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
Weiter

Neue Kommentare

  • fast google indexing
    vor 33 Minuten 40 Sekunden
  • Bitte genauer den aktuellen Lösungs-Ansatz beschreiben
    vor 5 Tagen 17 Minuten
  • Git und rsync sind die wichtigsten Werkzeuge
    vor 1 Woche 1 Tag
  • Arrrrg. Nix Tabelle :-D /*
    vor 5 Wochen 3 Tagen
  • Textboxen mit Tabelle
    vor 5 Wochen 4 Tagen
  • Du sollst ja auch keine
    vor 5 Wochen 4 Tagen
  • Theme
    vor 5 Wochen 4 Tagen
  • Welches Theme benutzt du
    vor 5 Wochen 4 Tagen
  • Mit Responsive Raster hatte
    vor 5 Wochen 4 Tagen
  • Hallo Alex,um das Häkchen
    vor 5 Wochen 5 Tagen

Statistik

Beiträge im Forum: 250277
Registrierte User: 20489

Neue User:

  • DatAgesk
  • Robertolix
  • DavidBit

» Alle User anzeigen

User nach Punkten sortiert:
wla9463
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 11 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association