KI-Zusammenfassung
Beschreibung
Die wpforms_display_field_after Aktion wird ausgelöst, bevor das Formular angezeigt wird, um die Position bestimmter Formularelemente wie Labels zu bestimmen.
Parameter
- $fields
- (array) Bereinigte Eingabefeldwerte/-eigenschaften.
- $form_data
- (array) Formulareinstellungen/-daten.
Quelle
wpforms/src/Frontend/Frontend.php
Weitere Informationen
Die Aktion wird ausgelöst, bevor das Formular angezeigt wird. Diese Aktion kann verwendet werden, um Attribute des Formulars zu verschieben, wie z. B. Formularfeld-Labels.
Beispiele
Es ist wichtig zu beachten, dass Sie bei der Verwendung dieser Aktion, um das Feld-Label unter dem Formularfeld zu positionieren, zuerst auch die wpforms_display_field_before Aktion verwenden müssen, um das Label zuerst aus der Anzeige vor dem Formularfeld zu entfernen, damit Sie die Aktion aufrufen können, um das Label nach dem Formularfeld zu positionieren.
/**
* 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 );
Referenzartikel
- So fügen Sie Material Design mit CSS zu Ihren Formularfeldern hinzu
- So erstellen Sie ein Formular mit schwebenden Labels
- So fügen Sie Material Design mit CSS zu Ihren Formularfeldern hinzu
- Verwendung des Save and Resume Addons mit Seitenumbrüchen