Descripción

En wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permite cambiar los puntos de interrupción cuando se utiliza un diseño de varias columnas en el campo Diseño y repetidor.

Parámetros

$viewport_breakpoint
(int) Ancho de la ventana en píxeles.
$form_data
(array) Ajustes/datos del formulario procesados, preparados para su uso posterior.

Fuente

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

Más información

Este filtro se aplica a todos los formularios y permite establecer el punto de interrupción para los campos Diseño y Repetidor que utilizan un diseño de varias columnas.

El punto de rotura predeterminado para los campos Diseño y Repetidor con un diseño de varias columnas es de 600 píxeles. Sin embargo, con este filtro, podrá personalizar el punto de rotura para adaptarlo a sus necesidades específicas.

Ejemplo

En el ejemplo siguiente, el filtro aplicará un valor de punto de rotura de 768 a todos los formularios de su sitio que utilicen un diseño de varias columnas en el campo Diseño o Repetidor. Esto significa que en pantallas de menos de 768 píxeles, los diseños de varias columnas adoptarán una sola columna. Puede ajustar el valor en el siguiente fragmento de código a cualquier tamaño de pantalla que desee.

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