Privati
BUSINESS

Browser non supportato

Utilizza Google Chrome, Mozilla Firefox, Safari, Edge per navigare il nostro sito a tutta velocità e piena esperienza

Componente Accordion

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Vai al Titolo 1.

Come funziona?
Inserire il componente all'interno di una section per creare uno o una serie di accordion.

Per regolare la distanza tra le diverse serie di accordion selezionare la section e cliccare sull'icona a forma di pennello. Per esempio, scegliendo "No margin bottom",  esse saranno vicine tra loro.

Quando si vuole aggiungere un nuovo accordion a una serie esistente, selezionare la serie e cliccare su Add Container e inserire il componente Container.

Il componente accordion può essere utilizzato nella variante “essenziale”, simile al componente lista, quando viva inserito all’interno di finestre modali o card. In alternativa, per un utilizzo “stand alone”, va presa in considerazione l’alternativa in stile “card”.

Per modificare l'ordine degli accordion, basta selezionarlo e cliccare sul simbolo ✓, il quale permetterà di riordinare gli elementi come meglio si desidera.

 

Come collegare il link in un testo e farlo scorrere fino all'accordion?
Per collegare un link a un accordion in modo che il clic faccia scorrere la pagina fino all’elemento desiderato bisogna:

  1. Selezionare la parola o la frase da collegare, ad esempio Titolo 1, cliccare su Hyperlink e inserire un path preceduto da #, ad esempio #titolo-1.
  2. Scegliere se assegnare il path ad uno specifico accordion o ad una section (in questo caso scorrerà fino al primo accordion).
  3. Nelle proprietà del contenitore dell’accordion o della section, inserirlo nel campo ID senza # davanti, ad esempio titolo-1.