Descrizione

Il wpforms_frontend_enqueue_css_layout_field_viewport_breakpoint consente di modificare i punti di interruzione quando si utilizza un layout a più colonne nel campo Layout e Ripetitore.

Parametri

$viewport_breakpoint
(int) Larghezza della finestra in pixel.
$form_data
(array) Impostazioni/dati del modulo elaborati, preparati per essere utilizzati in seguito.

Fonte

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

Ulteriori informazioni

Questo filtro viene applicato a tutti i moduli e consente di impostare il punto di interruzione per i campi Layout e Ripetizione che utilizzano un layout a più colonne.

Il punto di interruzione predefinito per i campi Layout e Ripetitore con un layout a più colonne è di 600 pixel. Tuttavia, con questo filtro, sarà possibile personalizzare il punto di interruzione in base alle proprie esigenze specifiche.

Esempio

Nell'esempio seguente, il filtro applicherà un valore di breakpoint di 768 a tutti i moduli del sito che utilizzano un layout a più colonne nel campo Layout o Repeater. Ciò significa che su schermi inferiori a 768 pixel, i layout a più colonne adotteranno una colonna singola. È possibile regolare il valore nello snippet di codice sottostante in base alle dimensioni dello schermo che si desidera ottenere.

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