Documentation officielle: Magento UI Library – Forms mixins.
Bonnes pratiques
Si vous avez simplement l’intention de changer les valeurs des variables existantes (regardez la doc, il y en a beaucoup, vous pouvez probablement vous en tirer sans aller plus loin que ça…) faites le dans le fichier _theme.less
de votre thème.
Fields customization variables – The .lib-form-field()
mixin variables
Libellés au-dessus des champs, une colonne
1 2 3 4 5 6 7 8 9 |
& when (@media-common = true) { .fieldset { > .field { .lib-form-field( @_type: block ); } } } |
Libellés au-dessus des champs, deux colonnes
A savoir: lorsqu’on affiche le champ sur plusieurs colonnes, on peut utiliser la variable (appartenant au mixin) @_column-number
(qui répond elle-même à la variable globale @form-field-column__number
paramétrée par défaut à 2
pour modifier le nombre de colonnes sur lesquelles le formulaire va s’étaler.
1 2 3 4 5 6 7 8 9 10 |
& when (@media-common = true) { .fieldset { > .field { .lib-form-field( @_type: block, @_column: true ); } } } |
Libellés à côté des champs, une colonne
1 2 3 4 5 6 7 8 9 |
& when (@media-common = true) { .fieldset { > .field { .lib-form-field( @_type: inline ); } } } |
Libellés à côté des champs, deux colonnes
A savoir: (je me répète…) lorsqu’on affiche le champ sur plusieurs colonnes, on peut utiliser la variable (appartenant au mixin) @_column-number
(qui répond elle-même à la variable globale @form-field-column__number
paramétrée par défaut à 2
pour modifier le nombre de colonnes sur lesquelles le formulaire va s’étaler.
1 2 3 4 5 6 7 8 9 10 |
& when (@media-common = true) { .fieldset { > .field { .lib-form-field( @_type: inline, @_column: true ); } } } |