apply_filters( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', int $viewport_breakpoint, array $forms )

Beschreibung

Die wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint ermöglicht die Änderung der Breakpoints bei Verwendung eines Mehrspaltenlayouts im Layout- und Repeater-Feld.

Parameter

$viewport_breakpoint

(int) Viewport-Breite in Pixeln.

$form_data

(array) Verarbeitete Formulareinstellungen/Daten, die zur späteren Verwendung vorbereitet sind.

Quelle

wpforms/src/Pro/Forms/Fields/Traits/Layout/Frontend.php

Weitere Informationen

Dieser Filter wird auf alle Formulare angewendet und ermöglicht es Ihnen, den Breakpoint für die Layout- und Repeater-Felder festzulegen, die ein Mehrspaltenlayout verwenden.

Der Standard-Breakpoint für Layout- und Repeater-Felder mit einem Mehrspaltenlayout beträgt 600 Pixel. Mit diesem Filter können Sie den Breakpoint jedoch an Ihre spezifischen Bedürfnisse anpassen.

Beispiel

Im folgenden Beispiel wendet der Filter einen Breakpoint-Wert von 768 auf alle Formulare auf Ihrer Website an, die ein Mehrspaltenlayout im Layout- oder Repeater-Feld verwenden. Das bedeutet, dass auf Bildschirmen unter 768 Pixel Mehrspaltenlayouts eine einzelne Spalte annehmen. Sie können den Wert im folgenden Codeausschnitt an jede gewünschte Bildschirmgröße anpassen.

/**
 * Filter the breakpoint (as viewport width in pixels) for the layout and repeater fields.
 *
 * @link   https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/
 *
 * @param int   $viewport_breakpoint The viewport width in pixels.
 * @param array $form_data   Form data.
 * 
 */

 
add_filter( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', static function() {
    return 768;
 } );