it-swarm.com.de

Wie füge ich eine CSS-Klasse zu Feldern in Drupal 7?

Ich möchte der HTML-Ausgabe jedes Felds in meiner Feldsammlung eine CSS-Klasse hinzufügen.

Bitte empfehlen Sie mir ein Modul oder eine Methode, um dies zu erreichen. Ich habe die Module Fences und Field Formatter Class ausprobiert, aber sie haben nicht funktioniert.

6
sneha.kamble

Auf folgende Weise können Sie einem Formularfeld eine Klasse hinzufügen:

$form['crust_size'] = array(
  '#title' => t('Crust Size'),
  '#type' => 'select',
  '#description' => 'Select the desired pizza crust size.',
  '#options' => array(t('10"'), t('12"'), t('16"')),
  '#attributes' => array('class' => array('my-class')),

);
2
Sumoanand

Sie sollten das Modul Field Formatter Class ausprobieren.

Mit diesem Modul können Site-Administratoren dem äußeren HTML-Wrapper Klassen für jede Feldanzeige hinzufügen.

Klassen können in den Anzeigeeinstellungen für Inhaltstypen, Benutzer und andere Entitäten verwalten angegeben werden.

[~ # ~] oder [~ # ~]

Das Modul Field Formatter CSS Class .

Mit dem CSS-Klassenmodul für Feldformatierer können Sie ein beliebiges Text-/Listen-/Optionsfeld festlegen, das als CSS-Klasse auf dem Knoten gerendert werden soll. Dadurch kann der Knotenautor ein vordefiniertes CSS-Styling pro Knoten auswählen.

2
AjitS

Sie können hook_preprocess_field () verwenden, in dem Sie zusätzliche Klassen für Ihre Felder definieren können.

Überprüfen Sie diese, um eine Vorstellung zu bekommen:
http://atendesigngroup.com/blog/adding-css-classes-fields-drupal
https://Gist.github.com/1184302

2
Sithu

Ja, Sie können dies über Display Suite-Modul nach der Installation des Moduls erreichen. Hier ist gut Tutorial dafür.

  1. Gehen Sie zum Verwalten der Anzeige Ihres Inhaltstyps unterhalb des Anzeigeformulars zum Verwalten. Die Anzeigesuite bietet eine Layoutoption.
  2. Wählen Sie den Layoutwunsch aus und speichern Sie ihn.
  3. Jetzt können Sie auf der rechten Seite jedes Felds kleine Einstellungen sehen, wie im folgenden Screenshot gezeigt.
  4. Wählen Sie unter Feldvorlage auswählen den Experten aus, wenn Sie die Klasse und das HTML-Tag ändern möchten, die um das Feld gewickelt sind
  5. Wenn Sie nur eine Klasse zu Feldern hinzufügen möchten, finden Sie hier ein Tutorial dafür

Snapshot of manage display

0
Pravin Ajaaz

Ich würde vorschlagen, das Modul Display Suite zu verwenden. Dadurch können Sie die Klassen und Markups für Felder in Ihren Ansichtsmodi vollständig steuern. Es ermöglicht auch eine bessere Flexibilität für Layouts

0
chadpeppers