Le plugin Shinyform pour jQuery vous permet de manière rapide, ludique et facile
de re-designer tous les éléments de vos formulaires. Entièrement personnalisable
en CSS vous pouvez personnaliser chaque éléments de vos formulaires.
Documentation
Installation
L'installation de ShinyForm est des plus simple. Assurez vous d'avoir importé la librairie jQuery dans votre site. Puis importez le plugin Shinyform.js ainsi que le fichier de style de votre theme.
<script src="js/shinyform.js" type="text/javascript"></script>
<link href="css/shinyform_black.css" rel="stylesheet" type="text/css"/>
Utilisation de base
Vous avez la possibilité de ne designer qu'un type d'élément à la fois.
<script type="text/javascript">
$('select').shinyform();
</script>
Utilisation avancée
Vous avez également la possibilité d'utiliser plusieurs sélecteurs en même temps, Shinyform reconnaitra quel est le type de l'élément envoyé à designer.
<script type="text/javascript">
$('input:file,input:radio,input:checkbox,select').shinyform();
</script>
Ou encore plus rapide
<script type="text/javascript">
$('input').shinyform();
</script>
Options
Vous pouvez envoyer quelques paramètres pour encore plus de customisation.
txtNameFile : permet de modifier le texte du champ file quand aucun fichier n'est sélectionné (default : Aucun fichier)
txtButtonFile : permet de modifier le texte du bouton du champ file (Default : Parcourir ...)
Comment passer ces paramètres
<script type="text/javascript">
$('input').shinyform({
txtNameFile : 'Pas de fichier',
txtButtonFile : 'Choisir ...'
});
</script>
Thèmes
Quatre thèmes ont été créés pour encore plus vous facilité la tâche.
 |
Black | Essayer ce thème | Télécharger ce thème |
 |
Gazon | Essayer ce thème | Télécharger ce thème |
 |
Ruban | Essayer ce thème | Télécharger ce thème |
 |
Granit | Essayer ce thème | Télécharger ce thème |
Support
Shinyform en est à sa toute première version. Si vous avez des remarques, questions, suggestions ou encore si vous remarqué des bugs, n'hésitez pas à nous contacter sur le site de Snoupix ou à cette adresse contact [at] snoupix.com. Nous vous en serons très reconnaissant.