Des textarea dans nos formulaires ? Qui n’en a jamais utilisé ? Personne !

Et la fameuse question qui arrive par la suite “Oui, mais quand on entre un très long texte, on aimerait que la zone s’étende … ça serait beaucoup plus joli !”

Pour éviter ce genre de scène, nous avons une réponse toute simple à vous proposer. C’est une librairie JavaScript qui s’appelle

autosize

et qui permet d’avoir des textarea auto-extensible.

Cette librairie peut-être téléchargée ici : https://github.com/jackmoore/autosize

Le plus simple, est de télécharger le fichier autosize.js et de le déposer sur le serveur K2, dans le répertoire K2 smartforms Runtime\Script, créer un répertoire Common et déposer la librairie dedans.

 

La prochaine étape, ajouter ce bout de javascript dans les formulaires où vous souhaitez avoir les contrôles auto extensible :

<script src="../../../Script/Common/autosize.js"></script><script>autosize($('textarea'));</script>
Javascript code

 

Le tour est joué, vos textarea s’étendent désormais toutes seules !

Avant Après
textaera auto extensible dans nos Formulaires K2 Blackpearl textaera auto extensible dans nos Formulaires K2 Blackpearl

 

A vous de jouer  😉

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.