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.

Étapes pour utiliser les extraits de code JSON mobile

1. Accédez à une table de votre espace de travail

   La capture ci-dessous montre un exemple de vue tableau affichant un jeu de données que nous utiliserons pour démontrer la configuration et 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, cliquez sur les trois points ⋮ en haut à droite.
   Cela ouvre le menu d'options des tables et des vues, qui comprend :

   Dans les options de table, cliquez sur → 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.

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.

4. Accédez à la liste des extraits de code JSON mobile pour choisir selon vos besoins de configuration .

5. Rédigez la configuration JSON mobile

   Dans les options de vue, cliquez sur → Modifier la configuration mobile

   

   → cela ouvre l'éditeur JSON

   

6. Schéma, vue tableau et aperçu mobile d'une configuration JSON

• La vue tableau 

Schéma illustrant les points de configuration définis dans l'éditeur JSON mobile pour l'extrait cardView, accompagné d'une capture de l'application mobile montrant l'aperçu de la configuration.

La configuration mobile s'applique à une seule vue 

• La vue mobile et l'éditeur JSON 

7. Copiez un bloc JSON et collez-le dans votre éditeur, puis remplacez les valeurs par vos ID de champ.

8. Enregistrez : rechargez la vue sur votre mobile pour voir le résultat.

9. Ajustez les valeurs (booléens ou ID) jusqu'à obtenir exactement le comportement souhaité.

Exemple à copier dans l'éditeur :

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

Exemple à copier dans l'éditeur :

{
  "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
  }
}