Description
Le wpforms_display_submit_spinner_src
Le filtre n'est déclenché que si Activer la soumission de formulaire AJAX est activée dans les paramètres du formulaire et le formulaire est soumis.
Paramètres
- $src
- (chaîne) La source (URL) de l'image utilisée pour le spinner
- $form_data
- (tableau) Paramètres/données de formulaire traités, préparés pour être utilisés ultérieurement.
Source
wpforms/src/Frontend/Frontend.php
Plus d'informations
Le wpforms_display_submit_spinner_src
peut être utilisé pour modifier l'icône/l'image qui s'affiche lors de la soumission du formulaire lorsque AJAX est activé dans les paramètres du formulaire.
Exemple
Cet exemple modifie la source de l'indicateur pour tous les formulaires.
/** * Filter for changing the spinning loader icon shown as the form is submitted. * * @link https://wpforms.com/developers/wpforms_display_submit_spinner_src/ * * @param string $src Source of the image used for the spinner. * @param array $form_data Processed form settings/data, prepared to be used later. * * @return string */ function custom_wpforms_display_submit_spinner_src( $src ) { return 'https://yoursite.com/your-image.svg'; } add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
Dans cet exemple, nous ciblons un formulaire spécifique. L'ID du formulaire 42
/** * Filter for changing the spinning loader icon shown as the form is submitted for a specific form. * * @link https://wpforms.com/developers/wpforms_display_submit_spinner_src/ * * @param string $src Source of the image used for the spinner. * @param array $form_data Processed form settings/data, prepared to be used later. * * @return string */ function custom_wpforms_display_submit_spinner_src( $src, $form_data ) { if ( $form_data[ 'id' ] === '42' ) { $src = 'https://yoursite.com/your-image.svg'; } return $src; } add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
La taille d'image recommandée est de 26×26. Vous pouvez également utiliser le langage CSS pour définir la taille en ciblant la balise .wpforms-submit-spinner
mais tout ajout de CSS nécessiterait l'utilisation de la classe !important
pour écraser la mise en forme en ligne par défaut.
En rapport
Référence de l'article : Comment modifier l'icône de préchargement lors de la soumission