Unable to override the Cludo search input form with a custom theme hook_form_alter().
Aim is to replace the 'Search' text in the button with a CSS image, by removing the text and adding a class to the submit button.
In my THEME.theme file I have the following hook to override the form settings:
function THEME_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'cludo_search_block_search_form') {
if ($form['#id'] == 'cludo-search-block-search-form') {
//Remove text from Search button and add class. DOESN'T WORK!!
$form['submit']['#value'] = "";
$form['submit']['#attributes']['class'][] = 'search-button';
}
}
Inspecting the $form array and the new values are set (overriding the 'Search' translated text value in 'value', and adding a 'search-button' class)
Just wondering why the overrides aren't working in the theme (they work just fine on a Search API form)? The form is generated at cludo_search/src/Form/CludoSearchBlockForm.php but don't understand why hook_form_alter() isn't working here
Closed: works as designed
Code
Sorry, my bad. Following override works as designed:
function THEME_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'cludo_search_block_search_form') {
//Remove text from Search button and add class
$form['submit']['#value'] = "";
$form['submit']['#attributes']['class'][] = 'search-button';
}
}