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

Views Darstellung verändern

Eingetragen von Kulturmensch (165)
am 24.03.2020 - 18:23 Uhr in
  • Views
  • Drupal 8.x oder neuer

Bei dem Neubau meines Internetauftritts mit Drupal 8 steht Datenmodell und Struktur und es gibt schon einiges an Inhalt/BLOG-Beiträge. Jetzt möchte ich einige Änderungen am Design vornehmen wobei ich Bartik als Theme benutze und auch kein eigenes Theme erstellen will. Die Darstellung von Kategorien klappt mit Views/Ansichten sehr gut und ich erhalte z.B. folgende Ergebnis: https://www.tenckhoff.de/fototechnik für die Darstellung entsprechender BLOG-Beiträge in der Kategorie Fototechnik.Andere Kategorien funktionieren analog.
Damit bin ich schon recht zufrieden, möchte aber gerne noch Abstände zwischen den dargestellten Fotos einrichten, da die Standard-css-Dartsellung anscheinend keine Abstände berücksichtigt.
Kann mir jemand sagen, wo ich hierzu was (neue css-class?) einrichten muss?

‹ Javascript in Views Benutzerdefinierter Text [gelöst] Views D7: Liste auch unveröffentlichte Nodes für Gäste ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Dafür muss das Theme manipuliert werden

Eingetragen von ronald (3857)
am 24.03.2020 - 20:17 Uhr

Welche keys überschrieben werden müssen, findest du im debugfester deines Browsers.

  • Anmelden oder Registrieren um Kommentare zu schreiben

css-class

Eingetragen von Kulturmensch (165)
am 24.03.2020 - 21:11 Uhr

Danke für die Rockmeldung. Wenn ich die "Ansicht" überarbeite, dann lassen sich dort unter Felder/image die Einstellmöglichkeiten des beigefügten screenshots aufrufen. Wäre dort nicht de Möglichkeit gegeben, eine entsprechende css-Anweisung einzugeben? Die standard css-Dateien des Themas wollte ich nach Möglichkeit nicht verändern

AnhangGröße
css.PNG 31 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

Offenbar kommst du von einem anderen CMS

Eingetragen von ronald (3857)
am 24.03.2020 - 21:32 Uhr

In Drupal hat Ansicht nur peripher mit der Darstellung zu tun.

Für die Darstellung ist das Theme/Template zuständig.

Ansicht ist nur das Ergebnis einer Datenbankabfrage.

Die Begrifflichkeit führt oft zu Verwirrung.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Schade

Eingetragen von Kulturmensch (165)
am 24.03.2020 - 22:09 Uhr

Ok, hatte gehofft, hier einfach eine neue css-class einfügen zu können ... aber dann komme ich wohl um eine Änderung der Templates von Bartik nicht drumrum. (Anm.: zu Deiner Vermutung - ich habe früher mit Wordpress und Typo3 gearbeitet und damals einen Versuch mit Drupal 6 schnell aufgegeben, Drupal 8 in Kombi mit composer/drush gefällt mir jetzt ganz gut).

Kannst Du mir ggf. noch sagen, wie ich die Änderungen der Bartik-Templates updatesicher einrichte? Child/sub-theme von Bartik erzeugen?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ein Child-Theme von Bartik zu

Eingetragen von wla (9461)
am 24.03.2020 - 22:34 Uhr

Ein Child-Theme von Bartik zu erzeugen und dabei die Einstellmöglichkeiten von Bartik zu behalten habe ich, im Gegensatz zu Drupal 7, bei Drupal 8 nicht mehr hinbekommen. In dem Fall kann man sich aber damit behelfen, daß man Bartik aus dem Verzeichnis core/themes nach themes/custom kopiert. Dann wird es nicht mehr überschrieben bei einem Update. Anschließend trägst Du in die bartik.libraries.yml einen eigene CSS-File ein, in dem Du Deine CSS-Änderungen einträgst und damit das Original überschreibst. Dann hast Du neben evtl. geänderten twig-Dateien nur eine CSS-Datei, auf die Du aufpassen mußt. Sollte es Updates an Bartik geben,mußt Du Dich aber selbst darum kümmern.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Dann mache ich mich auf die Suche nach dem Template

Eingetragen von Kulturmensch (165)
am 25.03.2020 - 12:34 Uhr

Herzlichen Dank für Deine Hinweise. Sobald ich es hinbekommen habe, melde ich mich hier noch einmal.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hat funktioniert ... noch eine Kleinigkeit

Eingetragen von Kulturmensch (165)
am 03.04.2020 - 16:19 Uhr

Hallo Werner,
habe Deinen Hinweis jetzt umgesetzt und mit folgender css-Klasse habe ich nun die gewünschten Abstände meiner Fotokollektionen bei dem Standardthema Bartik erreicht:
.views-field-field-image {
max-width: 90%;
height: auto;
padding: 5px;
margin: 5px;
border-style: solid;
border-width: 6px;
border-color: #f6f6f2;
}
Jetzt gibt es noch eine störende Kleinigkeit. Wenn Du Dir z.B. hier https://www.tenckhoff.de/fototechnik das Ergebnis anschaust, dann zeigt sich unter jedem Bild eine gepunktete Linie. Hast Du eine Idee, wie ich die noch eliminieren kann?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das liegt an den a-Tags. Füge

Eingetragen von wla (9461)
am 03.04.2020 - 16:51 Uhr

Das liegt an den a-Tags. Füge bitte im CSS ein: .view-fototechnik a { border-bottom: none;}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Hat geklappt:-)

Eingetragen von Kulturmensch (165)
am 03.04.2020 - 19:49 Uhr

Danke für die schnelle Hilfe! Hat in meiner Testinstallation direkt geklappt. Ich habe jetzt .view a { border-bottom: none;} eingetragen, um den Effekt der gepunkteten Linie auf allen Views zu unterdrücken. Ist das ok oder handel ich mir damit Probleme ein?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Nein, das kannst Du so

Eingetragen von wla (9461)
am 04.04.2020 - 08:33 Uhr

Nein, das kannst Du so machen, wenn es aus allen Views raus soll. Mein Ansatz war, es nur in dem einen View zu unterdrücken.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Gelöst:-)

Eingetragen von Kulturmensch (165)
am 04.04.2020 - 08:43 Uhr

Danke Werner, damit ist das Thema gelöst:-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • 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
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 2 Wochen 2 Tagen
  • Hey danke
    vor 2 Wochen 3 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 4 Tagen
  • Hallo, im Prinzip habe ich
    vor 3 Wochen 1 Tag
  • Da scheint die Terminologie
    vor 3 Wochen 1 Tag
  • Kannst doch auch alles direkt
    vor 3 Wochen 6 Tagen
  • In der entsprechenden View
    vor 3 Wochen 6 Tagen
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 6 Tagen
  • gelöst
    vor 6 Wochen 2 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 6 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20455

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 25 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