### [wpforms_display_field_after](https://wpforms.com/developers/wpforms_display_field_after/)

**Published:** February 25, 2021
**Author:** Editorial Team

**Excerpt:** The wpforms_display_field_after action fires before the form is displayed to determine the position of certain form elements such as labels.

**Content:**

## Description

The `wpforms_display_field_after` action fires before the form is displayed to determine position of certain form elements such as labels.

## Parameters

$fields(*array*) Sanitized entry field values/properties.$form\_data(*array*) Form settings/data.## Source

`wpforms/src/Frontend/Frontend.php`

## More Information

The action fires before the form is displayed. This action can be used to move attributes of the form around such as form field labels.

## Examples

It’s important to note that when using this action to reposition the field label below the form field, you must first also use the [`wpforms_display_field_before`](https://wpforms.com/developers/wpforms_display_field_before/) action to first remove the label from being displayed before the form field so that you can call the action to reposition the label after the form field.

```

/**
 * 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 );

```

## Reference Articles

- [How to Add Material Design to Your Form Fields Using CSS](https://wpforms.com/developers/how-to-add-material-design-to-your-form-fields-using-css/ "How to Add Material Design to Your Form Fields Using CSS")
- [How to Create a Form With Floating Labels](https://wpforms.com/developers/how-to-create-a-form-with-floating-labels/ "How to Create a Form With Floating Labels")
- [How to Add Material Design to Your Form Fields Using CSS](https://wpforms.com/developers/how-to-add-material-design-to-your-form-fields-using-css/ "How to Add Material Design to Your Form Fields Using CSS")
- [How to Use the Save and Resume Addon with Page Breaks](https://wpforms.com/developers/how-to-use-the-save-and-resume-addon-with-page-breaks/ "How to Use the Save and Resume Addon with Page Breaks")

## Reference Action

[wpforms\_display\_field\_before](https://wpforms.com/developers/wpforms_display_field_before/ "Using the wpforms_display_field_before action")

**Categories:** Actions Hooks

**Tags:** PHP

---