Riassunto AI
Descrizione
L'azione wpforms_display_field_after viene eseguita prima che il modulo venga visualizzato per determinare la posizione di determinati elementi del modulo come le etichette.
Parametri
- $fields
- (array) Valori/proprietà del campo di inserimento sanificati.
- $form_data
- (array) Impostazioni/dati del modulo.
Origine
wpforms/src/Frontend/Frontend.php
Maggiori Informazioni
L'azione viene eseguita prima che il modulo venga visualizzato. Questa azione può essere utilizzata per spostare attributi del modulo come le etichette dei campi del modulo.
Esempi
È importante notare che quando si utilizza questa azione per riposizionare l'etichetta del campo sotto il campo del modulo, è prima necessario utilizzare anche l'azione wpforms_display_field_before per rimuovere prima l'etichetta dalla visualizzazione prima del campo del modulo in modo da poter chiamare l'azione per riposizionare l'etichetta dopo il campo del modulo.
/**
* 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 );
Articoli di riferimento
- Come aggiungere Material Design ai campi del tuo modulo usando CSS
- Come creare un modulo con etichette fluttuanti
- Come aggiungere Material Design ai campi del tuo modulo usando CSS
- Come utilizzare il componente aggiuntivo Salva e riprendi con le interruzioni di pagina