Créer un formulaire avec le Form Wizard

Si le code HTML ne vous dit rien, ChronoForms vous permet de réaliser votre formulaire avec un outil graphique qui s’appelle Form Wizard. Avec cet outil, vous n’aurez qu’à sélectionner le type de champ, le poser sur votre page et lui attribuer les différentes options associées.

Retrouvez ci-dessous la liste des champs que vous pourrez ajouter dans votre formulaire avec le Form Wizard.

• Text : afficher du texte dans votre formulaire
• Heading : afficher un titre, vous pouvez choisir entre différentes tailles (H1, H2, H3, H4, H5, H6)
• TextBox : afficher un champ de saisie, vous pouvez définir la taille du champ ainsi que le nombre de caractères maximal. De plus vous pouvez définir certaines règles de validation comme (obligatoire ou pas, uniquement des nombres, du texte ou les deux, format email ou URL)
• PasswordBox : affiche un champ de saisie qui ne permettra pas de voir visuellement le texte rentré
• TextArea : affiche un champ de saisie pouvant contenir plus d’information que le type TextBox, vous pouvez définir le nombre de ligne, sa largeur ainsi qu’obligatoire ou pas
• DropDown : affiche un champ contenant une liste de valeurs, vous pouvez définir si celui-ci est obligatoire ou pas et rentrer la liste des options possibles
• CheckBox : affiche un champ contenant des cases à cocher, vous pouvez définir si celui-ci est obligatoire ou pas et rentrer la liste des options possibles
• RadioButton : affiche un champ contenant des boutons radio, vous pouvez définir si celui-ci est obligatoire ou pas et rentrer la liste des options possibles
• DateTimePicker : affiche un champ contenant un calendrier pour saisir une date
• FileUpload : affiche un champ avec un bouton permettant d’envoyer un fichier à la saisie du formulaire
• HiddenField : affiche un champ caché dans lequel vous pourrez rentrer n’importe quelle valeur pour vos besoins interne
• Captcha : Insert une image contenant un texte caché que la personne devra re-saisir pour valider les informations saisies dans le formulaire
• Button : Ajout d’un bouton de validation du formulaire et ou de reset du contenu.

De plus, pour la plupart de ces champs, vous allez pouvoir leurs donner un libellé ainsi qu’un texte info bulle (tooltips).

Ouvrez donc votre composant Chrono Forms et cliquez sur le menu Form Wizard. A droite vous avez les différents types de champ que vous pouvez glisser sur votre page et au sommet de celle-ci il y a trois boutons:

• Form Preview: pour vous donner une idée du résultat
• HTML Source: pour afficher la source HTML de votre page
• Save Form: pour enregistrer votre formulaire

Ajouter un commentaire