Aller au contenu principal

Recherche

Laissez-vous guider !

Introduction extrait de code JSON application mobile dans l'espace de travail.

Mis à jour le

Dans cet article, nous vous montrons comment accéder à l'éditeur JSON mobile dans TimeTonic et où trouver les identifiants de colonnes (ID) nécessaires pour configurer votre affichage mobile personnalisé.

L'objectif est de vous guider pas à pas avant d'écrire vos premiers extraits de code JSON dans l'éditeur intégré.

Grâce à lui, vous pourrez personnaliser et configurer le téléchargement automatique, les raccourcis, un mode d'affichage en cartes, et bien plus encore.

À situer dans le parcours. La configuration JSON personnalise des vues déjà construites : elle ne crée pas l'application mobile et ne remplace pas les étapes de conception. Avant d'écrire une clé, la structure doit exister dans l'espace de travail administrateur, les vues spécifiques doivent être créées, et la vue miroir partagée dans l'espace de l'utilisateur final. Ces phases sont communes aux modes en ligne et hors ligne, et se déroulent dans un ordre précis.
Voir le sommaire de création d'application mobile →

Trouver les ID de colonnes

1
Accédez à une table de votre espace de travail
L'exemple ci-dessous montre une vue tableau affichant un jeu de données utilisé pour illustrer le paramétrage JSON mobile sur l'application mobile Android TimeTonic.
2
Accédez au menu de configuration de la table ou de la vue
Depuis une table de votre espace de travail, touchez les trois points en haut à droite pour ouvrir le menu d'options des tables et des vues. Dans les options de table, sélectionnez Organiser les colonnes pour afficher les ID de colonnes.
3
Identifiez les ID de colonnes
Ces identifiants (ID de champ) sont essentiels : ils vous permettent de lier les éléments de l'interface mobile aux champs de la table dans vos extraits de code JSON.
Vue tableau : jeu de données pour illustrer le paramétrage JSON mobile
Menu Organiser les colonnes

Une fois ces informations disponibles, vous pouvez commencer à écrire et tester vos paramètres JSON dans l'éditeur mobile pour personnaliser le rendu de vos formulaires, vues ou sections dans l'application mobile TimeTonic.

Ouvrir l'éditeur JSON de la vue

Avant de rédiger votre configuration, consultez la liste des extraits de code JSON mobile pour choisir les clés adaptées à votre besoin.
1
Ouvrez les options de la vue
Dans les options de vue, sélectionnez Modifier la configuration mobile.
2
L'éditeur JSON s'ouvre
Vous pouvez y saisir votre configuration.
Options de vue : Modifier la configuration mobile
Capture de l'éditeur JSON

Comprendre la structure d'une configuration

Le schéma ci-dessous illustre les points de configuration définis dans l'éditeur JSON mobile pour l'extrait cardView, avec l'aperçu correspondant dans l'application mobile.

La vue mobile et l'éditeur JSON en vis-à-vis
La configuration mobile s'applique à une seule vue. Chaque vue possède sa propre configuration JSON : les réglages ne sont pas globaux à la table ni à l'espace de travail.

Écrire, enregistrer, ajuster

1
Copiez un bloc JSON
Collez-le dans votre éditeur, puis remplacez les valeurs par vos ID de champ.
2
Enregistrez
Rechargez la vue sur votre mobile pour voir le résultat.
3
Ajustez les valeurs
Modifiez les booléens ou les ID jusqu'à obtenir exactement le comportement souhaité.

Exemple simple : téléchargement automatique et mode carte

{
  "autoDownload": true,
  "cardView": {
    "title": 101,
    "value1": 102,
    "image": 106
  }
}

Exemple complet : toutes les clés combinées

Adaptez cet exemple à votre besoin en ne conservant que les clés qui vous sont utiles.

{
  "autoDownload": true,
  "expandAllGroups": false,
  "createOnly": true,
  "shortcut": true,
  "disableLinkAccess": [301, 302],
  "cardView": {
    "showFieldsTitles": true,
    "title": 12345,
    "value1": 23456,
    "value2": 34567,
    "value3": 45678,
    "value4": 56789,
    "image": 67890
  }
}

Chaque clé en détail

Chaque clé a ses propres règles et son propre effet. Retrouvez le détail de chacune dans son article dédié.

shortcut
Booléen. Raccourci vers une vue sur l'écran d'accueil du mobile.
Voir →
createOnly
Booléen, sur une vue miroir. Ouvre directement le formulaire de création.
Voir →
disableLinkAccess
Tableau d'ID de colonnes. Bloque l'ouverture des fiches liées sur mobile.
Voir →
cardView
Objet d'ID de champs. Affichage en mode carte : titre, valeurs, vignette.
Voir →
autoDownload
Booléen. Télécharge les données localement pour un usage hors ligne.
Voir →
expandAllGroups
Booléen. Ouvre les groupes de champs, repliés par défaut.
Voir →

Vue d'ensemble

Liste des extraits de code JSON application mobile

Toutes les clés de configuration disponibles pour une vue mobile, en un coup d'oeil.

Voir l'article →

Conception

Sommaire pour la création d'application mobile

Les phases de conception, en amont de la configuration JSON.

Voir l'article →

Référence

Types de vues de liens

Vue table, vue tuile, vue étiquette : ce que chaque présentation affiche.

Voir l'article →