✔️ Éléments champs

Paramètres généraux

Les éléments champs vous permettent de collecter de la donnée. Pour chacun d'eux, vous pouvez paramétrer depuis la barre de droite :

  • l'identifiant du champ (unique) : qui vous permet, en tant que Maker, de raccourcir le libellé et de retrouver plus facilement vos champs lors de la création de document ou de l'ajout de variables. Par exemple : "Régime alimentaire".

  • si le champ est requis ou non lors du remplissage du workflow : c'est à dire obligatoire. Le champ s'affichera alors avec une astérisque et l'utilisateur ne pourra pas valider son workflow tant que le champ est vide.

  • la catégorie de champ : champ de la table, champ réutilisable, champ utilisateur.

Paramètres spécifiques à l'emplacement

  • le libellé : qui sera vu par l'utilisateur. Par exemple : "Merci de renseigner votre régime alimentaire".

Les catégories de champ

  • Champ de la table : champ disponible partout où la table est utilisée. Vous le retrouvez dans le workflow, les suivis et les fiches liés à cette table. C'est la catégorie par défaut lors de la création d'un Champ. Vous retrouverez les "Champs de la table" existants dans la barre de droite.

  • Champ Utilisateur : ce type de champ permet d'enrichir le dossier utilisateur car, une fois rempli et positionné dans un autre workflow, il sera automatiquement rempli avec les données précédemment renseignées. Par exemple : le Nom et Prénom d'un utilisateur. Vous retrouvez les "Champs Utilisateur" dans la barre de droite (dernière catégorie).

  • Champ Réutilisable : champ commun à toutes les tables. Ce type de champ est réservé à une utilisation avancée, il peut-être utile si vous devez enregistrer la même information dans de nombreuses table différentes.

Pour modifier la catégorie, cliquez sur 'Modifier la catégorie du champ' tout en bas des paramètres de votre champ.

🗑 Supprimer un champ d'une table

À chaque fois que vous ajoutez un élément champ, celui-ci s'enregistre comme un "Champ de la table" par défaut. Pour les supprimer, il vous suffit de cliquer sur la petite croix en haut à gauche du champ souhaité, dans la barre de droite.

Liste des Champs

Pour visionner les vidéos expliquant la création et l'utilisation de chaque champ 👉🏼 Playlist Les Champs

🔤 Le Champ Texte

Le champ texte vous permet de laisser la possibilité à vos utilisateurs de répondre en tapant une réponse de leur choix sur une seule ligne. La donnée collectée est au format texte.

Dans les paramètres d'un champ texte, il est possible d'"Activer le scan de code barre" qui fait apparaître un logo à la droite du champ. Quand un utilisateur clique sur ce logo, une pop-up s'ouvre avec la caméra, ce qui permet de scanner un code barre. Quand un code barre est reconnu, il est automatiquement placé dans le champ texte. (Cela fonctionne aussi pour scanner un QR Code)

🔡 Le Champ Paragraphe

De la même manière que le Champ Texte, il permet de laisser la possibilité à vos utilisateur de répondre en tapant une réponse de leur choix sur plusieurs lignes et en ayant la possibilité de mettre en forme leur paragraphe en activant l'Éditeur avancé.

🔢 Le Champ Nombre

Comme son nom l'indique, le champ Nombre vous permet de collecter des nombres (entiers ou décimaux). Ils pourront ensuite être utilisés pour créer des calculs.

🔗 Le Champ URL

Comme son nom l'indique, le champ URL vous permet de collecter des URL. Vous pouvez ensuite utiliser les données du champ sous forme de variable dans un bouton, un élément texte, un email ...

🎨 Le Champ Couleur

Le champ Couleur vous permet de stocker la valeur hexadécimal d'une couleur afin de la réutiliser comme variable plus tard.

Vous pouvez définir une couleur directement via sa valeur hexadécimal ou via un sélecteur de couleur en cliquant sur la pastille coloré. Cette pastille est liée à la valeur du champ et est un aperçu de la couleur enregistrée.

Un champ couleur est affichable dans un tableau et est utilisable comme variable dans la couleur de la source d'un planning, d'un planning de ressources, ou d'une map . Vous pouvez également l'utiliser comme variable de couleur pour les cartes des kanbans.

👉 Le champ couleur a des formules associées visibles ici :

pageLes Formules

Une vidéo sur le sujet est disponible sur notre chaîne youtube : ✨ je veux la voir !

🕦 Le Champ Durée

Le champ Durée vous permet de collecter des durées au format hh:mm. Vous pouvez ensuite utiliser les champs Durée dans des calculs.

🛎️ Le Champ Compteur

Le Champ Compteur vous permet de créer une référence unique pour un enregistrement donné. La donnée s'enregistre dès lors que l'Utilisateur final accède à une page qui le contient. En tant que MAKER, vous établissez : le préfixe, le début et le suffixe de la référence. Ce champ n'est pas modifiable par l'utilisateur (il apparaitra "grisé" dans le workflow). Vous pouvez choisir de l'afficher en production ou pas. Dans le deuxième cas, la référence sera quand même générée. Par exemple ; dans un workflow de création de facture, le champ Compteur permet de définir un numéro de facture.

📧 Le Champ Email

Comme son nom l'indique, le champ email permet de collecter des adresses email. Lors du remplissage, si le format de donnée entré n'est pas valide (ex: ne contient pas de @) alors le champ est cerclé de rouge et l'Utilisateur ne peut pas passer à l'étape suivante.

📞 Le Champ Téléphone

Comme son nom l'indique, ce champ permet de collecter des numéros de téléphone.

En plaçant le champ téléphone dans une page, vous avez la possibilité de définir par défaut le pays indicatif du numéro. L'utilisateur peut également sélectionner son indicatif en cliquant sur le drapeau et en choisissant parmi la liste déroulante des indicatifs disponibles. L'utilisateur peut uniquement renseigner des chiffres dans ce champ.

☝🏻 Le Champ Single Select ou QCU (Question Choix Unique)

Le Champ QCU permet de laisser aux utilisateurs un seul choix de réponse possible parmi une liste d'options définies. Vous pouvez afficher les choix de réponses sous forme de : menu déroulant, menu déroulant avec barre de recherche ou boutons. Il est également possible d'importer les choix de réponses par un "Copier/coller" au niveau des OPTIONS (lorsque vous avez un nombre important de réponses par exemple).

Lorsque vous choisissez d'afficher les choix de réponses sous forme de boutons, vous avez plusieurs options de personnalisation dans les paramètres contextuels :

  • définir la taille du texte à l'intérieur des boutons.

  • définir le nombre de colonnes sur lesquelles les boutons seront affichés. Par défaut, ce nombre est fixé à 2 colonnes.

  • masquer l'indicateur circulaire présent dans les boutons.

Vous pouvez également ajouter une couleur et/ou une valeur à une Option. La couleur permet un repère visuel lorsque vous afficherez vos données dans un Tableau par exemple. La valeur permet d'utiliser le champ QCU dans un calcul au même titre qu'un champ Nombre. Par exemple : pour une inscription à une formation, vous pouvez indiquer 1200 pour le prix de cette dernière.

🖐🏻 Le Champ Multi Select ou QCM (Question Choix Multiples)

Le Champ QCM permet aux Utilisateurs de sélectionner une ou plusieurs réponses parmi une liste d'Options définies. Vous pouvez afficher les choix de réponses sous forme de : menu déroulant, menu déroulant avec barre de recherche ou case(s) à cocher. Il est également possible d'importer les choix de réponses par un "Copier/coller" au niveau des OPTIONS (lorsque vous avez un nombre important de réponses par exemple).

De la même manière que précédemment pour les QCU, vous pouvez attribuer une couleur et/ou une valeur aux Options renseignées.

📅 Les Champs Date et Date et Heure

Les Champs Date et Date et Heure vous permettent, à votre grande surprise, de définir soit une date simple, soit une Date avec une Heure. Vous pouvez décider d'initialiser ces champs à la date du jour (la date qui apparaîtra par défaut dans le champ sera alors la date du jour ou la date du jour ET l'heure). L'utilisateur pourra bien entendu modifier la valeur du champ en cliquant sur l'icône Calendrier à droite du champ.

Ces champs vont vous permettre de créer des Plannings afin d'afficher vos données différemment.

🗓️ Les Champs Plage de dates et Plage de dates avec heure

Les Champs Plage de dates et Plage de dates avec heure permettent (roulements de tambours 🥁), de paramétrer des Plages de dates (du 14 au 24 Janvier par exemple) ou des Plages de dates avec heure (du 14 Janvier à 16h30 au 24 Janvier à 17h00).

⏱️ Le Champ Chrono

Ce champ permet de mesurer un temps. Un champ Chrono stocke un nombre de seconde au millième près. Pour que le nombre de secondes soit correctement stocké, le chronomètre doit être démarré puis arrêté.

Vous pouvez ensuite utiliser vos champs Chrono dans des calculs.

📁 Le Champ Fichier

Avec ce champ, vous donnez la possibilité aux utilisateurs d'importer un fichier depuis leur ordinateur, smartphone ou tablette.

  • Liste des extensions supportées par l'Application : 'jpg', 'jpeg', 'png', 'pdf', 'gif', 'mp4', 'doc', 'docx', 'xls', 'xlsx', 'xltx', 'csv', 'docx', 'dotx', 'ppt', 'pptx', 'zip', 'rar', 'ics'

  • Taille maximale du fichier : 5Mo

Si le fichier téléversé est une image, vous pouvez choisir de l'afficher dans le workflow une fois qu'elle est importée. Depuis un smartphone ou une tablette, au clic sur "télécharger un fichier", les utilisateurs pourront choisir d'utiliser leur appareil photo.

🗂️ Le Champ Fichiers Multiples

Comme pour le champ fichier, les utilisateurs ont la possibilité d'importer dans ce champ plusieurs fichiers depuis leur ordinateur, smartphone ou tablette.

  • Liste des extensions supportées par l'Application : 'jpg', 'jpeg', 'png', 'pdf', 'gif', 'mp4', 'doc', 'docx', 'xls', 'xlsx', 'xltx', 'csv', 'docx', 'dotx', 'ppt', 'pptx', 'zip', 'rar', 'ics'

  • Nombre maximum de fichiers : 10

Depuis un smartphone ou une tablette, au clic sur "Importer un fichier", les utilisateurs pourront choisir d'utiliser leur appareil photo.

👉 Le champ Fichiers Multiples a des formules associées visibles ici :

pageLes Formules

💰 Le Champ IBAN

Le Champ IBAN permet de collecter l'identifiant d'un compte bancaire. Si l'identifiant n'est pas valide, alors le champ sera encadré de rouge.

💳 Le Champ Paiement

Le champ Paiement vous permet d'insérer un paiement en ligne auquel l'Utilisateur pourra procéder à l'aide des coordonnées de sa Carte Bancaire.

Pour paramétrer ce champ vous devez définir le montant à payer par l'utilisateur à partir :

  • d'une somme fixe : la somme à payer ne dépend pas de l'utilisateur connecté

  • d'un calcul : la somme à payer peut dépendre de l'utilisateur connecté

Puis, vous devez associer le champ à un compte Stripe. Vous pouvez ensuite tester votre champ avec des fausses cartes de test et vérifier qu'un faux paiement s'effectue correctement. Enfin, vous pouvez mettre votre champ en Mode production pour commencer à effectuer des vrais paiements.

🔃 Champ Paiement récurrent

Le champ Paiement récurrent permet d'insérer un paiement récurrent en ligne auquel l'Utilisateur pourra procéder à l'aide des coordonnées de sa Carte Bancaire. Ce champ sert par exemple à payer un abonnement mensuel.

De la même manière que pour le champ Paiement, vous devez associer le champ à un compte Stripe. Vous pouvez ensuite tester votre champ avec des fausses cartes de test et vérifier qu'un faux paiement s'effectue correctement. Enfin, vous pouvez mettre votre champ en Mode production pour commencer à effectuer des vrais paiements.

✍🏼 Le Champ Signature Manuscrite

Ce champ permet aux utilisateurs de signer de manière manuscrite (à l'aide de leur souri ou de leur pad). La signature peut ensuite être apposée sur un document PDF ou dans une Fiche. Si la signature ne convient pas, l'utilisateur peut cliquer sur la corbeille et recommencer.

🏠 Le Champ Adresse

Le champ adresse permet de collecter une adresse (coordonnées géographiques et adresse postale). Lors du paramétrage vous pouvez choisir d'afficher la carte et/ou d'activer la possibilité de se géolocaliser.

Pour enregistrer une adresse l'utilisateur peut soit utiliser le champ de recherche soit cliquer sur la carte si celle-ci est affichée. La recherche intelligente permet de trouver une adresse sans avoir à la renseigner en entier. Ensuite, vous pourrez visualiser le marqueur de votre adresse sur la carte.

🗺️ Le Champ Zones Géographiques

Le champ Zones Géographiques vient obligatoirement compléter l'élément Cartes, dans un Workflow, une Fiche ou un Suivi, puisqu'il permet d'établir des recherches par Localités ou bien par Temps de trajet (en transport en commun, à pied, en vélo, en voiture et en taxi). Pour lier les deux ensembles, ajouter un champ Zones Géographiques, puis un élément Cartes. Cliquez sur le champ Zones Géographiques pour lui donner l'identifiant unique souhaité puis cliquez sur la Carte pour la lier au champ. Dans les paramètres spécifiques à l'emplacement de la Carte : "FILTRER PAR UN CHAMP ZONES GÉOGRAPHIQUES" sélectionnez l'identifiant du champ.

Vous pouvez alors filtrer par localités. Ici par exemple, en recherchant Paris, la carte n'affiche plus que les chantiers situés à Paris :

Pour filtrer par temps de trajet, vous devez sélectionner :

  • un temps maximal de trajet : d'une durée inférieure à 10 min, 20min, 30min ou 1h.

  • un moyen de locomotion parmi les transports en commun, à pied, en vélo, en voiture et en taxi.

  • une adresse

Ici par exemple, vous visualisez sur la carte les chantiers situés à moins de 10 minutes à vélo de Châtelet-Les-Halles à Paris.

Il est possible de créer une Liste que vous pourrez positionner à côté de la Carte. Lorsque vous filtrerez par Localités ou par Temps de trajet, alors la liste n'affichera que les résultats de la carte.

Pour ce faire, insérer l'élément données Liste et sélectionnez la liste que vous vous voulez afficher. Ouvrez les paramètres de la liste pour :

  • sélectionner le nom du champ zone géographique qui déterminera le filtre

  • sélectionner la source du tri

📄 Le champ PDF Dynamique

Le champ PDF Dynamique vous permet d'afficher un pdf issu d'un champ fichier et de le rendre interactif. C’est-à-dire que l’utilisateur pourra annoter le ficher directement depuis l’interface de son application. Au clic sur le fichier, on place un point, et au clic sur un point, un ouvre une fiche pour y renseigner les informations liées à ce point.

Fonctionnement :

Afin de gérer les différentes annotations apportées au fichier, il est nécessaire de stocker les informations renseignées par l’utilisateur dans la base. C’est pourquoi le paramétrage d’un PDF Dynamique demande une Table source qui va remplir ce rôle.

Chaque annotation sera liée à un document, lui-même lié à un enregistrement, c’est pourquoi le paramétrage d’un PDF Dynamique nécessite la création d’une liaison entre la table source, contenant les annotations, et celle de l'enregistrement en cours, contenant le champ PDF Dynamique.

Au moment d’annoter un fichier, il est nécessaire de proposer une interface pour que l’utilisateur puisse renseigner ses informations. C’est pourquoi le paramétrage d’un pdf dynamique nécessite de choisir une fiche de la table d’annotation.

Finalement, il est nécessaire de définir quelles informations renseignées dans la Table d’annotation seront affichées sur le fichier, c’est pourquoi le paramétrage demande de choisir un titre aux points, pouvant contenir des variables de la table d'annotation.

Vous pouvez placez la variable d'un champ Signature manuscrite en tant que titre pour qu'elle s'affiche directement sur le pdf, ce qui permet de pouvoir signer des documents.

Exemple :

Récapitulatif :

Pour utiliser un PDF Dynamique, il faut paramétrer :

  • Champ fichier source : Le champ fichier qui va contenir le pdf que l'on souhaite afficher.

  • Table source : La table que l'on va utiliser pour stocker les points placés sur le pdf.

  • Champ liaison : Le champ liaison de la table source vers la table contenant le PDF dynamique, pour faire le lien entre un pdf et ses points.

  • Fiche à ouvrir au clic : Fiche de la table source qui va être ouverte à la création d'un point ou au clic sur un point.

  • Titre des points : Le titre des points affichés sur le pdf, pouvant contenir des variables de la table source.

Dernière mise à jour