it-swarm.com.de

Bootstrap 3, wie deaktiviere ich das automatisch hinzugefügte Glyphicon?

Ich verwende Bootstrap (v3) mit Drupal 8. Wenn ich eine Schaltfläche mit dem Namen " Suche Etwas" erstelle, fügt bootstrap automatisch ein "Such" -Glyphikon hinzu . Ich mache einige Websuchen, finde aber nicht, wie ich das von 'search'auto hinzugefügte Glyphicon meiner Schaltfläche "deaktiviere" (oder verstecke?).

Wenn ich eine Beispiel-Senden-Schaltfläche aus einem benutzerdefinierten Modul für Formularklassen erstelle:

public function buildForm(array $form, FormStateInterface $form_state) {
...
$form['submit'] = [
  '#type' => 'button',
  '#value' => 'Search something',
];    

Wenn ich zu der Seite gehe, auf der sich mein Formular befindet, enthält die Schaltfläche automatisch ein Lupenglyphikon:

(enter image description here

Ich möchte meine Schaltfläche ohne Glyphikon anzeigen. Wie kann ich das tun? Ich muss meiner Schaltfläche eine Klasse hinzufügen. welche ?

Vielen Dank !

5
matthieu lopez

Ich habe dieses Ding gerade mit dem Modul Beispiele getestet, das bereits das Beispielbeispiel enthält.

Wenn Sie nun das Beispiel einer einfachen Form sehen, wird Folgendes angezeigt:

(enter image description here

Code für das obige Bild (nur Schaltflächenteil senden) ,

 $form['actions']['submit'] = [
      '#type' => 'submit',
      '#value' => $this->t('Submit'),
    ];

JETZT, wenn ich t('Submit') in t('Search something') ändere, wird die Codeänderung folgendermaßen erfolgen:

$form['actions']['submit'] = [
      '#type' => 'submit',
      '#value' => $this->t('Search something'),
    ];

Jetzt können Sie das ausgegebene Bild sehen,

(enter image description here

Haben Sie überrascht .. :) ... Nur das Ändern des Strings verursacht dieses alles Problem. Nun, warum dies geschieht, liegt dies alles an Bootstrap Thema, idealerweise sollte es nicht passieren. Nun, wenn Sie die erste Zeile der Antwort von @ remy auf diese Frage lesen: Wie Kann ich den Bootstrap Basis-Themensuchblock? thematisieren?

Das Bootstrap-Thema ist tief mit Glyphicons gebündelt. Es errät das Symbol aus dem Schaltflächentext.

Also, was passiert, Bootstrap Thema, das dieses Search... Wort nimmt und automatisch die Symbole und entsprechenden Klassen für Farbe und usw. anwendet, weil Code in diesem Thema auf diese Weise eingerichtet wurde .

Wenn Sie Search Word nicht verwenden möchten, wird es nicht wie unten gezeigt angezeigt.

(enter image description here

Jetzt können Sie sehen, dass die BLAUE Farbe verschwunden ist. Um dies zu erreichen, fügen Sie einfach #button_type Hinzu, damit wieder geeignete Klassen belegt werden können. Nun sehen Sie, im folgenden Bild ist alles in Ordnung.

$form['actions']['submit'] = [
      '#type' => 'submit',
      '#value' => $this->t('Something'),
      '#button_type' => 'primary',
    ];

(enter image description here

Außerdem können Sie diese Frage im Link lesen, in der mehr darüber diskutiert wurde. Wahrscheinlich haben Sie die Idee, dies mehr auf Code-Weise anzugehen, aber ich denke, jetzt können Sie dies angehen, da wir wussten, was dies verursacht.

3
CodeNext

Ich habe es nicht für Drupal 8 versucht, aber es funktioniert für drupal 7. Es sollte auch für drupal 8 funktionieren.

In Ihrer Themeneinstellung bootstrap befindet sich unter der Einstellung bootstrap die Registerkarte Allgemeine Einstellungen. Innerhalb dieser Registerkarte befinden sich Einstellungen für verschiedene bootstrap -Komponenten. Dort sehen Sie Buttons. Öffnen Sie einfach diesen Abschnitt und deaktivieren Sie die Option Symbolschaltflächen. Das ist es.

Dadurch werden alle automatischen Symbole in den Schaltflächen deaktiviert.

(Please refer the image

8
Shashank Mestry

Dies funktioniert für Drupal 7. In der template.php Ihres Unterthemas können Sie dies tun:

function YOUR_THEME_bootstrap_iconize_text_alter(&$texts) {
  // We apply the glyphicon ONLY when the element matches "Search"
  $texts['matches'][t('Search')] = 'search'; // The alias of the glyphicon

  // When the element only "contains" the term "Search", it does not apply an icon anymore :
  unset($texts['contains'][t('Search')]);
}

Entschuldigung, ich habe es nicht mit D8 versucht.

0
Bernig

So deaktivieren Sie Glyphicons in Drupal 8) (weil Sie das Thema Bootstrap) oder ein Thema verwenden, das auf dem Thema Bootstrap) basiert ) Gehen Sie einfach zu: Start >> Administration >> Darstellung >> Darstellungseinstellungen. Auf der Registerkarte Verallgemeinern auf der linken Seite befinden sich Optionen für Schaltflächen. Sie können die Kontrollkästchen für Kolorieren und Symbolisieren deaktivieren. Scree shot of Bootstrap settings

0
Jason