ShinyForm 1.0

by snoupix.com

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.

Input File

Select list

Button radio

Checkbox

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>

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.