Il est possible de créer des cadres dépliables (en "accordéon") dont seul les titres sont toujours visibles et qui affichent ou masquent leur contenu lorsque l'on clique dessus. =====Cliquez sur les barres pour ouvrir les accordéons===== Par défaut la syntaxe "panel" sans précision de type produit des encarts fermés à l'ouverture de la page. %%{{accordion}} {{panel title="indiquez ici votre titre" class="panel-success"}} texte à escamoter {{end elem="panel"}} {{panel title="indiquez ici votre titre" class="panel-info"}} texte à escamoter {{end elem="panel"}} {{end elem="accordion"}}%% donne {{accordion}} {{panel title="indiquez ici votre titre" class="panel-success"}} texte à escamoter {{end elem="panel"}} {{panel title="indiquez ici votre titre" class="panel-info"}} texte à escamoter {{end elem="panel"}} {{end elem="accordion"}} ====Panel déclaré ouvert à l'affichage de la page==== %% {{panel title="indiquez ici votre titre" type="collapsible" class="panel-warning"}} texte à escamoter {{end elem="panel"}}%% donne {{panel title="indiquez ici votre titre" type="collapsible" class="panel-warning"}} texte à escamoter {{end elem="panel"}} ====Panel déclaré fermé à l'affichage de la page==== %% {{panel title="indiquez ici votre titre" type="collapsed" class="panel-danger"}} texte à escamoter {{end elem="panel"}}%% donne {{panel title="indiquez ici votre titre" type="collapsed" class="panel-danger"}} texte à escamoter {{end elem="panel"}} =====Personnaliser les barres de titre avec des icones===== Il est possible d'ajouter des icones au texte dans un titre. Par exemple pour ajouter un icone en forme d'oeil, renseigner le //title// suivant : - title=" Semaine du 22 au 26 Avril 2019" Retrouvez tous les icones possibles sur cette page : https://getbootstrap.com/docs/3.3/components/#glyphicons Il vous suffit ensuite de remplacer la partie "//eye-open//" (dans l'exemple ci-dessus) par le nom de l’icone qui vous intéresse. %%{{accordion}} {{panel title=" class success" class="panel-success"}} info {{end elem="panel"}} {{end elem="accordion"}}%%donne {{accordion}} {{panel title=" class success" class="panel-success"}} info {{end elem="panel"}} {{end elem="accordion"}} {{accordion}} {{panel title=" class info" class="panel-info"}} texte a masquer {{end elem="panel"}} {{panel title=" class warning" class="panel-warning"}} texte a masquer {{end elem="panel"}} {{panel title=" class danger" class="panel-danger"}} texte a masquer {{end elem="panel"}} {{panel title=" class sans ?"}} texte a masquer {{end elem="panel"}} {{end elem="accordion"}} =====Accordéons imbriqués===== Losqu'un accordéon est situé lui-même dans un autre accordéon, un clic sur sa barre de titre entraine une action sur le niveau supérieur. {{accordion}} {{panel title="Niveau 1" type="collapsible" class="panel-success" type="collapsible"}} Un autre accordéon: {{panel title="Niveau 2" type="collapsible" class="panel-warning"}} blablabla {{end elem="panel"}} {{end elem="panel"}} {{end elem="accordion"}} =====Pour utiliser juste des encarts (panels) fixes===== %%{{panel title="indiquez ici votre titre (non clicable)"}} texte affiché de manière permanente (non masquable) {{end elem="panel"}}%% donne {{panel title="indiquez ici votre titre (non clicable)"}} texte affiché de manière permanente (non masquable) {{end elem="panel"}}