Vuoi dormire sonni tranquilli ? Fai un BACKUP completto prima di qualsiasi modifica !

Documentazione Gantry 5 per Joomla!

Concetti fondamentali per iniziare con un template framework di nuova generazione.

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.



esempio multicheckbox

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:
aspetto esempio checkbox
E in frontend verrà visualizzato così:
output checkbox