Les champs disponibles dans HOP
Les champs exclusifs HOP
HOP vous propose des types de champs que vous ne trouverez nulle part ailleurs :
Type
Exemple
Particularités
Scores
Ces champs peuvent avoir une valeur comprise entre 0 et 5 étoiles :
Toggles
Ces champs peuvent avoir deux valeurs : on/off, oui/non, vrai/faux. Traditionnellement on les représente par une case à cocher. Pour passer d’une valeur à une autre il suffit de cliquer sur le pictogramme.
Exemple de valeur OFF ou FAUX :
Le même champ avec la valeur ON ou VRAI :
Vous pouvez choisir chaque pictogramme dans une collection de plus de 670 et lui associer une des 12 couleurs de la palette HOP ainsi qu’un libellé.
Tags
Les champs de type TAG sont une alternative aux boutons radio ou au listes déroulantes (quand elle ne comporte pas trop de valeurs).
Chaque valeur possible pour le champ est représentée par un pictogramme (à choisir dans une collection de plus de 670), une couleur et un libellé.
En mode saisie toutes les valeurs sont affichées au survol du champ :
En mode consultation seule la valeur sélectionnée est affichée :
Réseaux sociaux
En mode saisie les champs de type réseau social se présentent comme des champs de type texte afin que vous puissiez saisir ou copier/coller l’URL :
En mode consultation le champ texte est remplacé par le pictogramme associé au réseau social et seuls les champs non vides sont affichés :
Moins de place occupée à l’écran et expérience utilisateur améliorée !
Au clic sur un des pictogrammes le fil d’actualité du réseau social s’affiche dans une nouvelle fenêtre.
Les champs classiques
HOP vous propose également les types de champs classiques :
Type
Exemple
Particularités
Date
Vous pouvez saisir la date manuellement ou la choisir dans un calendrier :
Date et heure
Vous pouvez saisir la date manuellement ou la choisir dans un calendrier :
Vous pouvez saisir l’heure manuellement ou la sélectionner sur une horloge :
Vous pouvez saisir les minutes manuellement ou les sélectionner sur une horloge :
Texte court
Un champ de ce type peut contenir jusqu’à 255 caractères.
Téléphone
Une aide à la saisie des numéros internationaux est proposée.
Pour les numéros de téléphone mobile, et si le crédit de votre compte le permet, lors du clic sur le numéro une fenêtre s’affiche vous permettant de saisir le texte d’un SMS qui sera adressé en votre nom au contact. Votre message peut comporter jusqu’à 459 caractères.
URL
En cliquant sur une URL un nouvel onglet s’ouvre dans votre navigateur et affiche la page correspondante.
Adresse mail
Si le crédit de votre compte le permet, lors du clic sur l’adresse mail une fenêtre s’affiche vous permettant de saisir l’objet et le texte du message qui sera adressé en votre nom au contact.
Sinon votre logiciel de messagerie est appelé et l’adresse du destinataire est pré-remplie.
Texte long
Un champ de ce type peut contenir jusqu’à 65.000 caractères.
Nombre entier
Vous avez la possibilité d’afficher un suffixe après le nombre. Il s’agit d’un libellé que vous définissez avec sa variante au singulier et sa variante au pluriel. La variante affichée sera choisie automatiquement suivant que le nombre sera inférieur à 2 ou supérieur ou égal à 2.
Nombre décimal
Devise
Pourcentage
Boutons radio
Dans un groupe de boutons radio vous pouvez choisir une seule des valeurs proposées.
A chaque valeur il est possible d’associer un pictogramme (à choisir dans une collection de plus de 670) et une couleur.
Dans l’exemple le groupe comporte 3 boutons. Le bouton sélectionné est affiché avec sa couleur, les autres sont affichés en gris :
Liste déroulante
Slider ON/OFF
Ces champs peuvent avoir deux valeurs : on/off, oui/non, vrai/faux. Traditionnellement on les représente par une case à cocher. Pour passer d’une valeur à une autre il suffit de cliquer sur le slider.
Exemple de valeur ON ou VRAI :
Le même champ avec la valeur OFF ou FAUX :
Pour la valeur ON vous pouvez choisir une des 12 couleurs de la palette HOP :
Utilisateur
Libellé simple
Libellé avec texte d’aide
Vous pouvez associer un texte d’aide aux libellés afin de donner des consignes à l’utilisateur. Une puce info apparait alors à gauche du libellé. Au survol de cette puce votre texte d’aide sera affiché :
