Description
Le wpforms_display_field_after
se déclenche avant l'affichage du formulaire pour déterminer la position de certains éléments du formulaire tels que les étiquettes.
Paramètres
- $fields
- (tableau) Valeurs/propriétés des champs d'entrée assainis.
- $form_data
- (tableau) Paramètres/données du formulaire.
Source
wpforms/src/Frontend/Frontend.php
Plus d'informations
L'action se déclenche avant l'affichage du formulaire. Cette action peut être utilisée pour déplacer des attributs du formulaire, tels que les étiquettes des champs du formulaire.
Exemples
Il est important de noter que lorsque vous utilisez cette action pour repositionner l'étiquette du champ sous le champ du formulaire, vous devez d'abord utiliser également l'action wpforms_display_field_before
pour supprimer l'affichage de l'étiquette avant le champ du formulaire afin de pouvoir appeler l'action pour repositionner l'étiquette après le champ du formulaire.
/** * Action fires before the form is displayed to determine position of certain form elements such as labels. * * @link https://wpforms.com/developers/wpforms_display_field_after/ * * @param array $fields Sanitized entry field values/properties. * @param array $form_data Form settings/data. * @return array */ /* First remove the label from appearing above the form field for form 1289 */ function wpf_dev_display_field_before( $field, $form_data ) { if ( absint( $form_data[ 'id' ] ) !== 1289 ) { return; } remove_action( 'wpforms_display_field_before', array( wpforms()->frontend, 'field_label' ), 15 ); } add_action( 'wpforms_display_field_before', 'wpf_dev_display_field_before', 10, 2 ); /* Now position the label to appear below the form field for form 1289 */ function wpf_dev_display_field_after( $field, $form_data ) { if ( absint( $form_data[ 'id' ] ) !== 1289 ) { return; } wpforms()->frontend->field_label( $field, $form_data ); } add_action( 'wpforms_display_field_after', 'wpf_dev_display_field_after', 1, 2 );
Articles de référence
- Comment ajouter le Material Design à vos champs de formulaire à l'aide de CSS
- Comment créer un formulaire avec des étiquettes flottantes ?
- Comment ajouter le Material Design à vos champs de formulaire à l'aide de CSS
- Comment utiliser le module complémentaire "Enregistrer et reprendre" avec les sauts de page ?