[Drupal] Make the Search API Page search block appear in Bootstrap markup

When using Search API Page, I needed to theme the search form in the bootstrap structure. The cleanest answer I have found is to add some variables to trigger the bootstrap overrides on the search form.

/**
 * Implements hook_form_FORM_ID_alter().
 */
function MYMODULE_form_search_api_page_block_form_alter(&$form, FormStateInterface $form_state, $form_id) {
  // We need this to make our search_api_page_block_form rendered in the bootstrap fashion
  // This code was inspired by \Drupal\bootstrap\Plugin\Form\SearchBlockForm
  $form['actions']['submit']['#icon_only'] = true;
  $form['keys']['#input_group_button'] = true;
}

Additional Information

  • Instructions made on Drupal 8.3.x (probably, haha).

Published by Dakwamine

Dakwamine, alias Quang-Minh Dang, né en 1987 en région parisienne. Un type sympa, pas bavard et pragmatique.