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 sont s’étendent désormais toute 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 de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *