### [wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint](https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/) **Publié :** 23 septembre 2024 **Auteur :** David Ozokoye **Contenu :** ## Description Le `wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint` permet de modifier les points d'arrêt lors de l'utilisation d'une mise en page multicolonne sur le champ Mise en page et le champ 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 d'arrêt pour les champs [Mise en page](https://wpforms.com/developers/how-to-change-the-tab-order-inside-the-layout-field/ "Comment changer l'ordre des onglets dans le champ Mise en page") et [Répéteur](https://wpforms.com/docs/using-the-repeater-field/ "Utilisation du champ Répéteur") qui utilisent une mise en page multicolonne. Le point d'arrêt 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 d'arrêt pour répondre à vos besoins spécifiques. ## Exemple Dans l'exemple ci-dessous, le filtre appliquera une valeur de point d'arrêt 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. ``` /** * Filtre le point d'arrêt (en largeur de fenêtre d'affichage en pixels) pour les champs de mise en page et de répéteur. * * @link https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/ * * @param int $viewport_breakpoint La largeur de la fenêtre d'affichage en pixels. * @param array $form_data Données du formulaire. * */ add_filter( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', static function() { return 768; } ); ``` **Catégories :** Filtres Hooks **Tags :** PHP ---