Per creare una fisarmonica
Per creare una fisarmonica, fare nuovamente clic sul pulsante "Crea nuovo contenuto" nella posizione desiderata nel backend.
Nel pop-up che si apre, selezionare l'elemento "Elementi fisarmonica" nell'area "Contenitore".
Subito dopo il clic, l'elemento Accordion viene visualizzato nella posizione desiderata nel backend.
Fare clic sul pulsante con la matita per modificare la fisarmonica.
Assegnare un'intestazione come richiesto e "Salvare" e "Chiudere" le modifiche.
Si torna alla panoramica dei contenuti della pagina e si vede l'elemento Accordion con l'intestazione modificata.
Nel nostro esempio, prendiamo un elemento di contenuto esistente e lo spostiamo direttamente nell'accordion utilizzando il drag & drop. Naturalmente, si può anche creare un nuovo elemento (ad esempio, testo e media) direttamente all'interno dell'accordion.
L'elemento si è appena spostato dal contenuto normale alla fisarmonica.
Ecco la vista del backend dopo l'aggiunta di altri 2 elementi.
Per un'anteprima, possiamo premere il pulsante "Mostra pagina web" nella parte superiore di questa vista backend degli elementi di una pagina.
L'anteprima nel frontend e la fisarmonica generata. Gli elementi sono tutti chiusi e possono essere aperti alternativamente.
Il secondo elemento della fisarmonica viene dispiegato qui.
Se l'intestazione della fisarmonica non è necessaria, può essere impostata su "Nascosto" nell'elemento stesso della fisarmonica.
Dopo aver selezionato "Salva" e "Mostra" nell'anteprima, la fisarmonica è ora priva di intestazione. In questo esempio, la fisarmonica è molto vicina all'elemento testo e media precedente. Questo può essere corretto.
Per correggere la spaziatura, è possibile utilizzare l'opzione "Spaziatura prima" nella scheda "Aspetto" della fisarmonica. Esistono distanze predefinite, noi abbiamo selezionato "Grande". Quindi premere "Salva" e "Mostra".
È possibile vedere la spaziatura corretta della fisarmonica nell'anteprima.
Caso speciale della fisarmonica
In situazioni particolari, si può desiderare di collocare diversi elementi di contenuto all'interno di una fisarmonica e quindi all'interno di un elemento a comparsa della fisarmonica. In questo caso, si può utilizzare l'elemento 1colonna come "contenitore intermedio".
La situazione iniziale è una fisarmonica con 2 elementi di contenuto nel backend.
La stessa fisarmonica nell'anteprima con 2 elementi a comparsa.
Inoltre, è necessario creare un altro elemento a comparsa al centro tra gli elementi esistenti. A tale scopo, selezionare nuovamente il pulsante "Crea nuovo contenuto".
Nel pop-up che si apre, selezionare l'elemento "1 splitter" nell'area "Contenitore".
Dopo la selezione, nel backend viene creata una cosiddetta raccolta. Con la matita si passa direttamente alla modifica dell'elemento.
Assegnare nuovamente un'intestazione. Questo viene utilizzato nell'elemento pop-up come testo visualizzato per l'espansione.
Dopo aver premuto "Salva" e "Visualizza", si vedrà il nuovo elemento a comparsa nell'anteprima (qui ancora vuoto).
Qui sono stati copiati altri 2 elementi di contenuto in questo elemento a 1 colonna (Gather). Entrambi dovrebbero essere visualizzati direttamente all'interno dell'elemento pop-up Accodion.
Facendo clic su "Mostra pagina web" si accede all'anteprima e ora abbiamo 2 elementi di contenuto all'interno di un elemento pop-up a fisarmonica. I titoli dei due elementi di contenuto sono automaticamente nascosti.
