A partire da Gantry 5.3 c'è un nuovo campo multicheckbox che si può usare come alternativa a input.selectize
.
La casella di controllo input.multicheckbox
viene visualizzata come un elenco di caselle di controllo tipo checkbox, una sopra l'altra, che possono essere selezionate. Il valore delle caselle di controllo selezionate verrà memorizzato come stringa, separata da virgola.
Aggiunta di Multicheckbox a un sito
Multicheckbox è un campo di immissione Gantry 5. Se si desidera aggiungerlo al tema o alla particella, si dovrebbe farlo assegnando il tipo di campo come input.multicheckbox
nel file YAML associato.
Ecco un esempio di come potrebbe apparire nel file YAML di una sezione o di un tema. In questo esempio, creeremo una particella di esempio. Inizieremo creando e posizionando il file YAML in: [nome tema]/custom/particles/example.yaml
.
{code lang:yaml showtitle:false}
name: Example
description: Demonstration of Multicheckbox
icon: fa-check-square-o
form:
fields:
title:
type: input.text
label: Title
default: What's your favorite food?
food:
type: input.multicheckbox
label: Favorite Food
options:
pasta: Pasta
pizza: Pizza
gelato: Gelato
broccoli: Broccoli
{/code}
Poi creeremo e inseriremo il file TWIG in: [nome tema]/custom/particles/example.html.twig
con questo contenuto:
{code lang:twig showtitle:false}
{% extends '@nucleus/partials/particle.html.twig' %}
{% block particle %}
{% set foods = particle.food|split(',') %}
<h2>{{ particle.title }}</h2>
<ul>
{% for food in foods %}
<li>{{ food }}</li>
{% endfor %}
</ul>
{% endblock %}
{/code}
Ora, quando si aggiunge questa particella di esempio nel layout e viene configurata, avrà l'aspetto seguente:
E in frontend verrà visualizzato così: