
Pour faciliter et alléger un article, il est souvent utile de masquer du texte ou des images.
syntaxe:
{up readmore=texte bouton | textless=replier}
contenu caché {/up readmore}
- readmore: idem textmore
Texte des boutons
- textmore = lire la suite: texte bouton OUVRIR
- textless = replier: texte bouton FERMER
Style des boutons
- textmore-class: classe et style pour le bouton OUVRIR
- textless-class: classe et style pour le bouton FERMER
Style pour le panneau contenu
- panel-style: classes et style pour le contenu (v2.6)
Style CSS des boutons
- id: identifiant
- class = uprm-btn: classe(s) pour les boutons OUVRIR et FERMER
- style: idem
- Version 2.6
- ajout option panel-style pour mettre en évidence le contenu
- Version 2.9
- ajout options textmore-class et textless-class pour styler le bloc enfant du bouton.
Utilisation minimaliste
{up readmore}
... le contenu masqué ...
{/up readmore}
affiche ce bouton sur toute la largeur de l'article qui permet d'affichier un contenu masqué.
... le contenu masqué ...
Options
{up readmore=lang[fr=Cliquer pour voir les explications;en=Click for more information]
| textless=c'est bon, j'ai compris
| class=btn btn-primary
| panel-style=bg-jauneClair bd-gris p1}
... le contenu masqué ...
{/up readmore}
- readmore
- le libellé du bouton quand le contenu est masqué *
- textless
- le libellé du bouton quand le contenu est visible *
- class / style
- classe(s) pour personnaliser les boutons. Remplace le style par défaut
- panel-style
- classe(s) et style pour mettre en évidence le contenu (v2.6)
* Les traductions optionnelles sont indiquées avec la syntaxe lang (readmore) ou avec l'action lang (textless)
Pour info, cette page utilise 8 action(s) :
upactionslist (1) readmore (3) csv2def (1) lang (2) jcontent-info (1)
upactionslist (1) readmore (3) csv2def (1) lang (2) jcontent-info (1)