it-swarm.com.de

Wie füge ich meinen Views-Zeilen eine zusätzliche CSS-Klasse hinzu?

Ich habe eine Ansicht erstellt und sie gibt mir viele CSS-Klassen für die Zeilen meiner unformatierten Liste:

<div class="views-row views-row-1 views-row-odd views-row-first">

... aber nicht genug ... Ich brauche auch eine Klasse für den Inhaltstyp oder den Feldnamen, so etwas wie:

<div class="views-row views-row-1 views-row-odd views-row-first views-row-article">

Ich kann in den Stiloptionen für die Seite sehen: 'Zeilenklasse Die Klasse, die für jede Zeile bereitgestellt werden soll. Sie können Feldmarker verwenden ... '.

Brauche ich das Habe ich ein Feldtoken für Inhaltstypen? Vielen Dank

4
dbj44
  1. Fügen Sie das Feld "Inhalt: Typ" hinzu
  2. Überprüfen Sie den Namen der Ausgabemaschine.
  3. Aktivieren Sie das Kontrollkästchen "Von Anzeige ausschließen"
  4. Geben Sie für die Zeilenklasse [Typ] ein.
14
Dylan Tack

Nur eine weitere Möglichkeit, Klassen zu Ansichtszeilen hinzuzufügen.

/**
 * Implements template_preprocess_views_view_unformatted.
 */
function my_theme_preprocess_views_view_unformatted(&$vars) {
  $view = $vars['view'];
  if ($view->name == 'my_view' && $view->current_display == 'my_view_display')) {
    $classes_array = $vars['classes_array'];
    foreach($classes_array as $key => $classes) {
      $vars['classes_array'][$key] = $classes . ' my-class';
    }
  }
}

Beachten Sie , dass die Vorverarbeitungsfunktion das ausgewählte Format der Ansicht angibt.

Liste der Präprozessorfunktionen für die Grundformate der Ansichten.

3
mchar

Ja, Sie könnten es dort einfügen, und wenn Sie den Inhaltstyp als Feld in Ihre Zeile aufgenommen haben, können Sie hier über (höchstwahrscheinlich) [type] Aufrufen.

Klicken Sie einfach auf das kleine Zahnrad-Widget in einem Feld in Ihrer Ansicht und sehen Sie sich dann den Abschnitt zum Umschreiben an. Dort erhalten Sie alle "Ersatzmuster", mit denen Sie arbeiten müssen.

1
Jimajamma

Sie müssen einen Klassennamen für die Zeile hinzufügen ... Sie können also den Namen der Klasse angeben, wo immer Sie die Ansicht verwenden.

Zum Beispiel: - Sie möchten die Ansicht einer Seite hinzufügen. dann gehe zu Struktur -> Seiten -> wähle deine Seite aus -> bearbeite sie -> Gehen Sie jetzt zum Inhaltsteil der Seite. -> Gehen Sie zu der Region, in der Sie die Ansicht platzieren möchten. -> Zum Hinzufügen von Inhalten -> Wählen Sie die Ansicht aus -> klicken Sie nun auf die Schaltfläche zum Anpassen der Ansicht -> CSS-Eigenschaften auswählen

Dort werden Sie nach CSS ID und CSS-Klasse gefragt. Fügen Sie die Klasse hinzu, die Sie hinzufügen möchten, und spielen Sie weiter mit CSS-Inhalten ...

Prost.....

1
Nitesh Sethia

Eine andere Möglichkeit, CSS zur Ansichtszeile hinzuzufügen, besteht darin, die Ansichtsvorlage zu erstellen.

In meinem Fall brauchte ich eine Klasse für Bootstrap (col-md-3 usw.).

Gehen Sie in Ansichten 3 zu "Erweitert", Thema "Informationen", sehen Sie sich die Namensmöglichkeit an und erstellen Sie eine neue Vorlage in Ihrem Modulordner mit dem empfohlenen Namen. Kopieren Sie einfach die Vergangenheit aus der aktuellen Vorlage (in Ansichten drücken Sie auf die Vorlage, um sie anzuzeigen).

Jetzt können Sie Klasse für Ihre Bedürfnisse hinzufügen.

0
sainf