Description
Le wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permet de modifier les points de rupture lors de l'utilisation d'une mise en page multi-colonnes dans le champ Mise en page et répétiteur.
Paramètres
- Point de rupture de l'image
- (int) Largeur de la fenêtre en pixels.
- $form_data
- (tableau) Paramètres/données de formulaire traités, préparés pour être utilisés ultérieurement.
Source
wpforms/src/Pro/Forms/Fields/Traits/Layout/Frontend.php
Plus d'informations
Ce filtre s'applique à tous les formulaires et vous permet de définir le point de rupture pour les champs de présentation et de répétition qui utilisent une présentation à plusieurs colonnes.
Le point de rupture par défaut pour les rubriques Disposition et Répétiteur avec une disposition en plusieurs colonnes est de 600 pixels. Toutefois, grâce à ce filtre, vous pourrez personnaliser le point de rupture en fonction de vos besoins spécifiques.
Exemple
Dans l'exemple ci-dessous, le filtre applique un point de rupture de 768 à tous les formulaires de votre site qui utilisent une mise en page multi-colonnes dans le champ Mise en page ou Répétiteur. Cela signifie que sur les écrans inférieurs à 768 pixels, les mises en page multi-colonnes adopteront une seule colonne. Vous pouvez ajuster la valeur dans l'extrait de code ci-dessous en fonction de 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;
} );