Testo collassabile con Bootstrap 5

Moderator: alexred

Forum rules
Regole Forum
Post Reply
eggpap
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Sun Aug 29, 2010 5:39 am

Testo collassabile con Bootstrap 5

Post by eggpap » Mon Sep 25, 2023 1:22 pm

Ciao,

premetto che non so cosa sia né come si usa Bootstrap 5 (è un componente?)
e vorrei che il testo in corrispondenza di un link venisse visualizzato o nascosto
cliccando sul link stesso o un pulsante come in questa pagina nella sezione
Regolamento:
https://nazionale.dlf.it/welfare/.

Questo sarebbe il codice, trovato sul web, che consente
di ottenere l'effetto, ma non riesco a farlo funzionare come si può vedere da
questo link.
https://www.dlfpistoia.eu/joom4/index.p ... f/try-text.
Infine, l'effetto di testo bianco su fondo arancio non l'ho impostato io.
Grazie

Code: Select all

<p><a class="btn btn-primary" role="button" href="../" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseExample"> Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.</a> <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> Button with data-bs-target </button></p>
<div id="collapseExample" class="collapse">
<div class="card card-body">Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.</div>
</div>
Last edited by toivo on Mon Sep 25, 2023 2:53 pm, edited 1 time in total.
Reason: mod note: moved from the English forum - please post to the correct international language forum in the future!
Il momento giusto arriva all'improvviso.
Tieniti sempre pronto.

User avatar
alexred
Joomla! Explorer
Joomla! Explorer
Posts: 433
Joined: Sat Aug 20, 2005 9:18 pm
Location: Italy
Contact:

Re: Testo collassabile con Bootstrap 5

Post by alexred » Fri Sep 29, 2023 7:08 am

salve eggpap,
non ho ben capito cosa vuoi realizzare, sono andato sul sito https://nazionale.dlf.it/welfare/ ed ho trovato nella pagina 2 volte la parola "Regolamento" ma non vedo o non capisco in questa parola l'effetto al link che descrivi.
Member of the Italian Joomla Translation Team

eggpap
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Sun Aug 29, 2010 5:39 am

Re: Testo collassabile con Bootstrap 5

Post by eggpap » Fri Sep 29, 2023 7:55 am

Grazie Alex,

Supponi di avere un sommario composto da una serie di articoli inizialmente si vede solo il titolo, ma quando si clicca sul titolo appare il testo dell’articolo e quando si clicca di nuovo torna solo il titolo. In pratica per ciascun articolo si passa dalla condizione di collassato a espanso e viceversa. Nel sito indicato sotto la voce Regolamento ci sono gli articoli con L!effetto che ti ho indicato.
Di nuovo grazie
Emiliano
Il momento giusto arriva all'improvviso.
Tieniti sempre pronto.

User avatar
alexred
Joomla! Explorer
Joomla! Explorer
Posts: 433
Joined: Sat Aug 20, 2005 9:18 pm
Location: Italy
Contact:

Re: Testo collassabile con Bootstrap 5

Post by alexred » Fri Sep 29, 2023 8:13 am

prima di inserire il codice html nell'articolo hai disattivato l'editor di Joomla?
Member of the Italian Joomla Translation Team

eggpap
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Sun Aug 29, 2010 5:39 am

RISOLTO: Testo collassabile con Bootstrap 5

Post by eggpap » Sun Oct 01, 2023 10:56 am

Grazie Alex,
sì avevo provato sull'editor del codice, ma ho deciso di abbandonare l'argomento perché voglio passare a un'estensione più semplice.
Emiliano
Il momento giusto arriva all'improvviso.
Tieniti sempre pronto.


Post Reply

Return to “Joomla! 4.x”