Action ...

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

Code minimal

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

Code toutes options

{{button link="DocumentatioN" class="btn-success btn-large" icon="book" text="Voir la documentation" title="Cliquer pour voir la doc"  nobtn="0" }}
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-large" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation

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

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


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

{{button class="btn-success" 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



{{button class="btn-inverse" 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 : http://getbootstrap.com/2.3.2/base-css.html#icons , placée devant le bouton. Il faudra enlever le 'icon-' devant le nom des icônes.

{{button icon="plane" link="http://fr.wikipedia.org/wiki/%C3%87a_plane_pour_moi" text="Ca plane pour moi!"}}
donne:
Ca plane pour moi!

on peut avoir l’icône en blanc en précisant icon-white dans le paramètre icon
{{button class="btn-danger" icon="facetime-video icon-white" link="http://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="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="book" link="DocumentatioN" text="Doc" title="Voir la superbe documentation"}}
donne :
Doc


Fenêtres modales


si le paramètre link est une PageWiki et qu'on ajoute la classe modalbox au paramètre class, le bouton ouvre une fenêtre modale dans la page en mettant de fond sombre
{{button icon="book" class="btn-primary modalbox" link="DocumentatioN" text="Voir la documentation"}}
donne :
Voir la documentation Attention si la page que vous affichez en modalbox contient un formulaire bazar, il ne pourra être validé.



Erreur action {{trail ...}} :éLa page  DocumentatioN ne semble pas exister !