Ceci est une version archivée de Page5 à 2021-06-24 22:44:46

Vous avez une idée de formulaire à créer ?


Rien de plus simple : Suivez ce tuto en 3 étapes et Leeeeeeeet's Goooo !.



Pour comprendre cette page, il faut que vous ayez pris connaissance de la page concernant la vision globale sur la mise en place des formulaires.


Dans ce tuto, vous verrez :

  1. La création et le réglage du formulaire
  2. Le fonctionnement général pour le configuer
  3. Tous les modules existants

Difficulté moyenne
Difficulté moyenne
Durée 15'
Durée 15'

Pour réaliser cette mission

  • Allez dans la base de données

Aller dans la base de données
Aller dans la base de données

  • Dans l'onglet formulaire, créez un nouveau formulaire

Saisir un nouveau formulaire
Saisir un nouveau formulaire


  • Vous avez alors plusieurs cadres dont nous allons détailler les fonctions:

  • - Nom du formulaire : Permet de retrouver le formulaire que vous créez dans la base de données ou pour ensuite l'intégrer sur votre site.
  • - Description : Permet d'avoir une note complémentaire dans la base de données pour vous y retrouver plus facilement quand vous avez de nombreux formulaires différents
  • - Constructeur graphique : C'est l'endroit dans lequel vous aller créer l'ensemble du formulaire. Nous reviendrons dessus dans la partie suivante
  • - Configuration avancée : Permet d'accéder à d'autres réglages concernant le formulaire
  • - Condition de saisie : Permet de ...
  • - Contexte sémantique : Permet de ...
  • - Type sémantique : Permet de ...
  • - Utiliser un template sémantique s'il est disponible pour ce type d'objet : Permet de...



Vision du constructeur graphique
Vision du constructeur graphique

  1. Une fois dans le constructeur graphique, vous avez automatiquement une zone de texte nommée 'Titre de la fiche'.
  2. Vous pouvez, ici et pour chaque encart que vous rajouterez, dans l'ordre : Supprimer cet encart, le modifier ou le dupliquer.
    • Dans la partie modification, le premier encart s'appelle 'Nom'. Il s'agit du nom présent dans le code. Il ne faut le modifier que dans certains cas, s'il y a un lien avec une liste réalisée précédemment.
    • Vous pouvez remplir les autres éléments en fonction de vos besoins.
  3. Ici, vous avez la liste de l'ensemble des encarts, ou 'modules', que vous pouvez intégrer à votre formulaire.
  • Pour ajouter un encart à votre formulaire, il suffit de le 'cliquer et glisser dans la feuille principale du constructeur graphique'.

Cliquer et glisser le modules dans votre feuille
Cliquer et glisser le modules dans votre feuille

Pour insérer un titre (label) de champs court type texte, nombre,...
image Capture_dcran_20210624_220030.png (1.7kB)


Pour écrire plusieurs paragraphes dans le champs et y insérer des listes à puce, des liens...
image Capture_dcran_20210624_220110.png (1.8kB)


Pour y joindre une photo , une image ...
image Capture_dcran_20210624_220137.png (1.3kB)


Pour joindre un document...
image Capture_dcran_20210624_220203.png (2.2kB)


Pour joindre son adresse mail et s'inscrire dans une mailing list...
image Capture_dcran_20210624_220233.png (1.1kB)


Pour y mettre des tags
image Capture_dcran_20210624_220311.png (1.8kB)


Non exploré ...
image Capture_dcran_20210624_220334.png (2.5kB)


Pour placer une liste déroulante, choix unique (besoin de créer une liste dans l'onglet 'liste'au préalable)
image Capture_dcran_20210624_220358.png (1.9kB)



Pour placer liste de case à cocher, choix multiple (besoin de créer une liste dans l'onglet 'liste'au préalable)
image Capture_dcran_20210624_220423.png (2.7kB)



Pour placer des boutons de sélection, choix unique (besoin de créer une liste dans l'onglet 'liste'au préalable)
image Capture_dcran_20210624_220445.png (2.9kB)



Pour afficher une carte de géolocalisation (nécessite de l'associer avec un un champs 'Texte court' + titre = bf_ville ou adresse...)
image Capture_dcran_20210624_220530.png (3.1kB)



Non exploré ...
image Capture_dcran_20210624_220551.png (2.9kB)


Non exploré ...
image Capture_dcran_20210624_220614.png (2.1kB)


Non exploré ...
image Capture_dcran_20210624_220641.png (3.2kB)


Non exploré ...
image Capture_dcran_20210624_220709.png (3.0kB)


Non exploré ...
image Capture_dcran_20210624_220730.png (3.1kB)


Non exploré ...
image Capture_dcran_20210624_220748.png (1.8kB)


Non exploré ...
image Capture_dcran_20210624_220810.png (2.3kB)


Pour insérer un titre de section
image Capture_dcran_20210624_220835.png (2.2kB)