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

Description

Le filtre wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permet de modifier les points de rupture lors de l'utilisation d'une mise en page multicolonne sur le champ Mise en page et Répéteur.

Paramètres

$viewport_breakpoint

(int) Largeur de la fenêtre d'affichage en pixels.

$form_data

(array) Paramètres/données du formulaire traités, préparés pour une utilisation ultérieure.

Source

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

Plus d'informations

Ce filtre est appliqué à tous les formulaires et vous permet de définir le point de rupture pour les champs Mise en page et Répéteur qui utilisent une mise en page multicolonne.

Le point de rupture par défaut pour les champs Mise en page et Répéteur avec une mise en page multicolonne est de 600 pixels. Cependant, avec ce filtre, vous pourrez personnaliser le point de rupture pour répondre à vos besoins spécifiques.

Exemple

Dans l'exemple ci-dessous, le filtre appliquera une valeur de point de rupture de 768 à tous les formulaires de votre site qui utilisent une mise en page multicolonne dans le champ Mise en page ou Répéteur. Cela signifie que sur les écrans inférieurs à 768 pixels, les mises en page multicolonnes adopteront une seule colonne. Vous pouvez ajuster la valeur dans l'extrait de code ci-dessous à la taille d'écran que vous souhaitez cibler.

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