Je veux attribuer un thème au bloc de recherche par défaut à une barre de recherche bootstrap.
Lorsque je crée la barre de recherche en html, cela ressemble à:
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div>
J'ai déjà essayé de changer le fichier input - search.html.twig en:
{% set classes = ['form-control',] %}
<input {{ attributes.addClass(classes).setAttribute('placeholder', 'Search for...').setAttribute('type', 'text') }} />{{ children }}
et bloquer - search-form-block.html.twig pour:
<div class="input-group">
{{ content }}
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
</div>
Mais rien ne change la mise en page comme prévu. Existe-t-il un moyen simple de modifier la présentation du bloc de recherche par défaut?
J'ai trouvé un sale moyen de résoudre mon problème. Parce que Drupal 8 crée le formulaire de recherche d'une manière spéciale, j'ai changé mon form.html.twig manuellement.
{% if element['#form_id'] == 'search_block_form' %}
<form action="{{element['#action']}}" method="get" id="search-block-form" accept-charset="UTF-8" data-drupal-form-fields="edit-keys">
<div class="input-group">
<input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="text" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search form-control" placeholder="Search for...">
</input>
<span class="input-group-btn">
<input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="btn btn-default js-form-submit submit-button">
</input>
</span>
</div>
</form>
{% else %}
<form{{ attributes }}>
{{ children }}
</form>
{% endif %}