La clé cardView de la configuration JSON d'une vue personnalise l'affichage en mode carte sur mobile. Vous choisissez le champ titre, ajoutez des valeurs secondaires et une image, pour une liste compacte et visuelle.
Où se configure cette clé ? Dans l'éditeur de code JSON
de la vue, côté web. Il n'existe pas d'éditeur de code dans l'application
mobile. Chaque vue possède sa propre configuration : le réglage n'est pas
global.
Les propriétés disponibles
Choisissez d'afficher le champ titre, insérez le champ titre et faites apparaître les valeurs secondaires et/ou une image.
Propriété
Type
Rôle
showFieldsTitles
bool
Affiche (true) ou
masque (false) les
libellés des champs.
title
number
ID du champ utilisé comme titre principal.
value1
à
value4
number
IDs des champs affichés comme valeurs secondaires.
image
number
ID du champ image servant de vignette.
Seul title est vraiment indispensable. Supprimez les lignes inutiles si vous n'avez pas besoin de value3, value4 ou image, et remplacez les ID par ceux de vos propres champs.
Point de vigilance : la vue de lien en présentation Étiquettes
Sur le web, la vue de lien en présentation Étiquettes masque
toutes les informations sauf la valeur d'un seul champ. Conséquence : quand
une colonne de lien pointe vers une vue de lien en Étiquettes, la configuration
cardView ne peut pas afficher
les titres de champs avec
"showFieldsTitles": true, et
ne peut afficher qu'une seule valeur, via
"title".
Exemple
1
La vue étiquette sur la fiche
Dans un espace de travail, la sélection de la vue étiquette configurée
sur une fiche.
2
L'extrait de code dans l'éditeur
La configuration cardView
saisie dans l'éditeur JSON de la vue.
3
L'aperçu sur mobile
Le résultat sur l'application mobile, avec la limite de la vue de
lien en Étiquettes.
Point de vigilance : la présentation de la vue de lien
L'affichage des champs d'un lien sur mobile dépend d'abord de la vue de lien, avant toute clé JSON.
En Vue étiquettes : le lien reste vide
Le problème
Quand la vue de lien est en Vue étiquettes, une seule valeur est affichée, via title. Les titres de champs et les autres valeurs n'apparaissent pas.
La solution
Paramétrez la vue de lien en Vue tuile ou en Vue table pour faire apparaître les titres des champs et l'ensemble des valeurs.
Le titre est mis en avant, les informations clés sont visibles d'un
coup d'oeil, la vignette apparaît à gauche si elle est définie.
Bonnes pratiques et rappels JSON
Où trouver l'ID d'un champ
Ouvrez le menu de la table et des vues (les trois points
en haut à droite du tableau), puis, dans la section Sur la
table, cliquez sur Organiser les champs. La
colonne Field id affiche l'ID de chaque champ : c'est
cette valeur que vous reportez dans
title,
value1 à
value4 et
image.
Un objet JSON complet
Un objet JSON valide commence toujours par
{ et finit par
}.
cardView est un objet
imbriqué : ses propriétés vivent dans leurs propres accolades.
Plusieurs clés dans le même objet
Séparez chaque clé par une virgule. Pas de virgule après la dernière
clé : le JSON serait invalide.
Aller plus loin
Liste des extraits de code JSON application mobile
Toutes les clés de configuration disponibles pour une vue mobile.