Resumen de IA
Descripción
La acción wpforms_display_field_after se dispara antes de que se muestre el formulario para determinar la posición de ciertos elementos del formulario, como las etiquetas.
Parámetros
- $fields
- (array) Valores/propiedades del campo de entrada saneados.
- $form_data
- (array) Configuración/datos del formulario.
Origen
wpforms/src/Frontend/Frontend.php
Más Información
La acción se dispara antes de que se muestre el formulario. Esta acción se puede utilizar para mover atributos del formulario, como las etiquetas de los campos del formulario.
Ejemplos
Es importante tener en cuenta que al usar esta acción para reposicionar la etiqueta del campo debajo del campo del formulario, primero debes usar la acción wpforms_display_field_before para eliminar primero la etiqueta de la visualización antes del campo del formulario, de modo que puedas llamar a la acción para reposicionar la etiqueta después del campo del formulario.
/**
* 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 );
Artículos de Referencia
- Cómo añadir Material Design a los campos de tu formulario con CSS
- Cómo crear un formulario con etiquetas flotantes
- Cómo añadir Material Design a los campos de tu formulario con CSS
- Cómo usar el complemento Guardar y reanudar con saltos de página