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

Descrizione

wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint consente di modificare i breakpoint quando si utilizza un layout multi-colonna nei campi Layout e Repeater.

Parametri

$viewport_breakpoint

(int) Larghezza della viewport in pixel.

$form_data

(array) Impostazioni/dati del modulo elaborati, preparati per l'uso successivo.

Origine

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

Maggiori Informazioni

Questo filtro viene applicato a tutti i moduli e consente di impostare il breakpoint per i campi Layout e Repeater che utilizzano un layout multi-colonna.

Il breakpoint predefinito per i campi Layout e Repeater con layout multi-colonna è di 600 pixel. Tuttavia, con questo filtro, sarai in grado di personalizzare il breakpoint per soddisfare le tue esigenze specifiche.

Esempio

Nell'esempio seguente, il filtro applicherà un valore di breakpoint di 768 a tutti i moduli sul tuo sito che utilizzano un layout multi-colonna nel campo Layout o Repeater. Ciò significa che su schermi inferiori a 768 pixel, i layout multi-colonna adotteranno una singola colonna. Puoi regolare il valore nello snippet di codice sottostante a qualsiasi dimensione dello schermo che desideri targettizzare.

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