do_action( 'wpforms_display_field_after', array $fields, array $form_data )

Description

L'action 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 de saisie nettoyées.

$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 l'action wpforms_display_field_before pour supprimer d'abord l'étiquette de l'affichage 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

Action de référence

wpforms_display_field_before