### [wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint](https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/) **Publicado:** 23 de setembro de 2024 **Autor:** David Ozokoye **Conteúdo:** ## Descrição O `wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint` permite alterar os pontos de interrupção ao usar um layout de várias colunas nos campos Layout e Repetidor. ## Parâmetros $viewport\_breakpoint*(int)* Largura da janela de visualização em pixels.$form\_data*(array)* Configurações/dados do formulário processados, preparados para serem usados posteriormente.## Fonte `wpforms/src/Pro/Forms/Fields/Traits/Layout/Frontend.php` ## Mais Informações Este filtro é aplicado a todos os formulários e permite definir o ponto de interrupção para os campos [Layout](https://wpforms.com/developers/how-to-change-the-tab-order-inside-the-layout-field/ "Como Alterar a Ordem das Abas Dentro do Campo de Layout") e [Repetidor](https://wpforms.com/docs/using-the-repeater-field/ "Usando o Campo Repetidor") que usam um layout de várias colunas. O ponto de interrupção padrão para os campos Layout e Repetidor com um layout de várias colunas é de 600 pixels. No entanto, com este filtro, você poderá personalizar o ponto de interrupção para atender às suas necessidades específicas. ## Exemplo No exemplo abaixo, o filtro aplicará um valor de ponto de interrupção de **768** a todos os formulários em seu site que usam um layout de várias colunas no campo Layout ou Repetidor. Isso significa que em telas com menos de 768 pixels, os layouts de várias colunas adotarão uma única coluna. Você pode ajustar o valor no trecho de código abaixo para qualquer tamanho de tela que desejar segmentar. ``` /** * Filtra o ponto de interrupção (como largura da janela de visualização em pixels) para os campos de layout e repetidor. * * @link https://wpforms.com/developers/wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint/ * * @param int $viewport_breakpoint A largura da janela de visualização em pixels. * @param array $form_data Dados do formulário. * */ add_filter( 'wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint', static function() { return 768; } ); ``` **Categorias:** Filtros Hooks **Tags:** PHP ---