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

Descripción

wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint permite cambiar los puntos de interrupción al usar un diseño de varias columnas en el campo de Diseño y Repetidor.

Parámetros

$viewport_breakpoint

(int) Ancho de la ventana gráfica en píxeles.

$form_data

(array) Configuración/datos del formulario procesados, preparados para ser utilizados más adelante.

Origen

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

Más Información

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

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

Ejemplo

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

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