Action {{button text="..." link="..."}}

Affiche un lien sous forme de bouton cliquable, avec de nombreuses possibilités de personnalisation.


Code minimal

{{button text="Voir la documentation" link="DocumentatioN"}}
donne:
Voir la documentation

Code toutes options

{{button link="DocumentatioN" class="btn-success btn-lg" icon="glyphicon glyphicon-book" text="Voir la documentation" title="Cliquer pour voir la doc"}}
donne:
Voir la documentation

Paramètres disponibles


Paramètre link (obligatoire)


Indique le lien qui sera ouvert au clic du bouton.
Peut être un NomWiki pour un lien interne au wiki ou une adresse url d'un site pour n'importe quel autre lien



Paramètre text


Texte à l'intérieur du bouton.



Paramètre class


Précise la classe CSS utilisée pour l'apparence du bouton.
On peut combiner plusieurs classes en les mettant d'affilée avec un espace.

Classes de taille de boutons
{{button class="btn-default btn-lg" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-default btn-sm" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-default btn-xs" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

Bouton sur toute la largeur
{{button class="btn-default btn-block" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
Classes de couleur de bouton
{{button class="btn-default" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-primary" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-info" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

{{button class="btn-success" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-warning" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation
{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation


Mettre un bouton à droite de la page:
""<div class="pull-right">""{{button class="btn-danger" link="DocumentatioN" text="Voir la documentation"}}""</div>""
ou
{{button class="pull-right btn-danger" link="DocumentatioN" text="Voir la documentation"}}
Voir la documentation



Paramètre icon


Rajoute une icône parmi celles disponibles ici : https://getbootstrap.com/docs/3.3/components/#glyphicons , placée devant le bouton. Il faudra enlever le 'icon-' devant le nom des icônes.
{{button class="btn-success" icon="glyphicon glyphicon-plane" link="https://fr.wikipedia.org/wiki/%C3%87a_plane_pour_moi" text="Ca plane pour moi!"}}
donne:
Ca plane pour moi!
{{button class="btn-danger" icon="glyphicon glyphicon-facetime-video" link="https://youtube.com" text="Aller sur youtube"}}
donne:
Aller sur youtube



Paramètre nobtn


si ce paramètre est égal à 1 , il n'y a pas de décoration type bouton autour, juste un lien avec une éventuelle icône
{{button nobtn="1" icon="glyphicon glyphicon-book" link="DocumentatioN" text="Doc"}}
donne :
Doc


Paramètre title


Ajoute un titre au survol d'un bouton. Dans le cas d'une fenêtre modale, ce titre sert de titre de la fenêtre
{{button class="modalbox" icon="glyphicon glyphicon-book" link="DocumentatioN" text="Doc" title="Voir la superbe documentation"}}
donne :
Doc


Fenêtres modales

Une fenêtre modale est une fenêtre qui s'ouvre en "popup" au dessus de la page active. Ceci permet par exemple d'afficher du contenu venant d'ailleurs sans quitter la page sur laquelle on est.
ATTENTION :
  • les modales ne fonctionnent que si on demande l'affichage d'une page du wiki (les liens vers des pages extérieures ne fonctionnent pas)
  • si la page que vous affichez en modalbox contient un formulaire bazar en vue saisir, il ne pourra être validé.
Pour une fenêtre modal classique
{{button icon="book" class="btn-primary modalbox" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation


Pour une fenêtre modale qui s'affiche au survol (et qui disparaît quand on retire la souris)
{{button icon="book" class="btn-primary modalbox-hover" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation


Pour une fenêtre modale qui s'affiche au survol d'un bouton "lien" (et qui disparaît quand on retire la souris)
{{button icon="book" class="btn btn-link btn-glossaire modalbox-hover" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

Ouvrir dans une nouvelle fenêtre

Pour permettre l'ouverture dans une nouvelle page, il existe cette syntaxe wiki utilisant l'action button sinon vous pouvez bien sûr utiliser le code html suivant
{{button class="btn btn-link new-window " link="DocumentatioN" text="Voir la documentation"}}
donne
Voir la documentation

documentation