De nombreux types de champ peuvent être affichés de différentes manières dans le formulaire — une liste déroulante devient par exemple de grandes tuiles avec icônes, un interrupteur Oui/Non deux boutons, un champ numérique un curseur ou une notation par étoiles.
L'essentiel : seule l'apparence change. La valeur enregistrée, la connexion onOffice, les règles, les envois et la sortie PDF restent exactement identiques dans chaque présentation. Vous pouvez donc changer de présentation à tout moment sans risque — même pour des formulaires déjà en service.
Lors de la création d'un nouveau champ également, la palette des types de champs vous demande directement la présentation dès que le type de champ choisi propose des variantes — vous pouvez la définir immédiatement ou commencer avec « Standard ».
| Présentation | Description |
|---|---|
| Standard | La liste déroulante habituelle |
| Boutons radio | Toutes les options les unes sous les autres, cliquables de façon classique |
| Groupe de boutons | Les options sous forme de boutons côte à côte — idéal pour 2 à 5 options (p. ex. achat/location) |
| Sélection par cartes | Grandes tuiles, avec en option un texte descriptif par option |
| Sélection par icônes | Tuiles avec icône + libellé par option (p. ex. type de bien : maison, appartement, terrain …) |
| Sélection par images | Tuiles d'images — images issues de votre bibliothèque de médias |
| Échelle de Likert | Toutes les options sous forme de boutons d'échelle de largeur égale sur une seule ligne (p. ex. « s'applique … ne s'applique pas ») |
L'option choisie est mise en évidence dans la couleur d'accent de votre formulaire.
Champs dépendants : Le type d'objet (qui dépend du type de bien) et le type d'action (qui dépend de la catégorie d'action) peuvent eux aussi utiliser toutes les présentations à sélection unique. Les tuiles se filtrent automatiquement : tant qu'aucune valeur parente n'est choisie, l'indication « Veuillez d'abord sélectionner … » s'affiche ; après le choix, seules les options correspondantes sont proposées. Le champ parent peut lui-même adopter n'importe quelle présentation. Si le champ parent n'est pas du tout présent dans le formulaire, toutes les options sont affichées.
| Présentation | Description |
|---|---|
| Standard | La liste déroulante de sélection habituelle |
| Liste de cases à cocher | Toutes les options sous forme de cases visibles |
| Chips | Boutons que l'on peut cocher et décocher — compacts lorsqu'il y a beaucoup d'options (p. ex. caractéristiques d'équipement). Les coins suivent le design de votre formulaire (carré/arrondi/pilule). Si aucun texte d'aide n'est renseigné, propform affiche automatiquement « Sélection multiple possible » ou le nombre minimal/maximal configuré sous le champ (valable pour toutes les présentations à sélection multiple) |
| Sélection par icônes | Tuiles avec icônes, sélection multiple possible |
| Sélection par images | Tuiles d'images, sélection multiple possible |
Remarque sur les valeurs parent/enfant : La sélection/désélection automatique de valeurs liées (p. ex. choisir une région sélectionne aussi ses sous-régions) n'existe que dans la liste déroulante standard. Dans les autres présentations, toutes les valeurs sont librement cliquables — les valeurs enfants sont indentées ou marquées d'un ▸. C'est pourquoi le mode de sélection multiple est automatiquement réglé sur « onOffice » (cliquable librement) lors de l'enregistrement d'une présentation.
De plus, pour toutes les présentations à sélection multiple, vous pouvez définir un nombre minimal et maximal d'options sélectionnables (« choisissez jusqu'à 3 ») : le minimum s'applique dès qu'une option est sélectionnée (ou toujours pour les champs obligatoires) ; une fois le maximum atteint, les autres options sont verrouillées.
| Présentation | Description |
|---|---|
| Standard | L'interrupteur habituel (toggle) |
| Case à cocher | Case à cocher unique classique, p. ex. pour les consentements |
| Boutons Oui/Non | Deux grands boutons — parfaits sur mobile et sur place. En champ obligatoire, cette présentation impose une décision active. Les libellés sont librement modifiables (p. ex. « Yes/No » pour un formulaire en anglais), avec en option des icônes coche/croix |
| Présentation | Description |
|---|---|
| Standard | Le champ de saisie habituel |
| Curseur | Curseur avec affichage de la valeur en direct (unité comprise) et libellés min./max. automatiques. La valeur minimale, la valeur maximale et l'intervalle proviennent des paramètres numériques du champ. Vous saisissez vos propres libellés sous le curseur (p. ex. abordable;moyen;cher) directement dans la section Présentation. En option, la valeur peut aussi être saisie au clavier (champ de saisie sous le curseur). Un curseur non touché — comme un champ vide — n'envoie aucune valeur |
| Notation | 1 à N symboles (N = valeur maximale, 5 par défaut) — parfaite pour les formulaires de feedback. Comme symbole, vous avez le choix entre étoiles, cœurs, smileys (échelle d'humeur, 2 à 5 niveaux) ou une icône personnalisée de la bibliothèque d'icônes. Un nombre entier normal est enregistré |
| Échelle (0-10) | Boutons numérotés alignés — la question classique de recommandation. La plage suit la valeur minimale/maximale (0–10 par défaut) |
Pour la notation, l'échelle et l'échelle de Likert, vous pouvez en plus libeller les extrémités (p. ex. « très improbable » à gauche, « très probable » à droite), afin que les visiteurs sachent immédiatement ce que signifie chaque extrémité.
Le curseur, la notation et l'échelle sont disponibles pour les champs de nombres entiers et décimaux.
| Présentation | Description |
|---|---|
| Standard | Deux champs de saisie « de » et « à » |
| Curseur de/à | Un curseur avec deux poignées et affichage en direct de la plage choisie (p. ex. « 200 000 € – 600 000 € ») — idéal pour le prix, la surface ou le nombre de pièces dans le profil de recherche. L'unité provient du champ onOffice ou de votre paramètre d'unités. Les poignées non touchées — comme les champs vides — n'envoient aucune valeur. En option : les valeurs peuvent aussi être saisies au clavier, plus une plage prédéfinie comme position de départ |
| Présentation | Description |
|---|---|
| Standard | Le sélecteur de date natif du navigateur |
| Calendrier intégré | Un calendrier toujours visible dans la langue de votre formulaire — le format de date enregistré est exactement le même qu'avec le champ standard. Les jours sélectionnables peuvent être restreints : futur uniquement (p. ex. rendez-vous de visite), passé uniquement, date minimale/maximale fixe, blocage des week-ends |
Pour les présentations cartes, sélection par icônes et sélection par images, la zone « Personnaliser les options » apparaît sous le sélecteur de présentation : une ligne par valeur-clé onOffice du champ.
Les options sans icône/image attribuée affichent simplement leur libellé (ou un espace réservé neutre dans la sélection par images). Les entrées vides sont ignorées.
Selon la présentation choisie, des paramètres supplémentaires adaptés apparaissent dans la section « Présentation » :
display_variant et select_option_meta — détails dans la référence de l'API.