### [wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint](https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/) **Publicado:** 23 de septiembre de 2024 **Autor:** David Ozokoye **Contenido:** ## Descripción El filtro `wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint` permite cambiar los puntos de interrupción al usar un diseño de varias columnas en los campos 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.## Fuente `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](https://wpforms.com/developers/how-to-change-the-tab-order-inside-the-layout-field/ "Cómo cambiar el orden de las pestañas dentro del campo de diseño") y [Repetidor](https://wpforms.com/docs/using-the-repeater-field/ "Uso del campo 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 que se adapte 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 orientar. ``` /** * Filtra el punto de interrupción (como ancho de ventana gráfica en píxeles) para los campos de diseño y repetidor. * * @link https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/ * * @param int $viewport_breakpoint El ancho de la ventana gráfica en píxeles. * @param array $form_data Datos del formulario. * */ add_filter( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', static function() { return 768; } ); ``` **Categorías:** Filtros Hooks **Etiquetas:** PHP ---