---
sourceDocument: Configuration et navigation mobiles Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Configuration et navigation mobiles Yokohama

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# Configurer les détails de l'apparence des cartes pour une campagne mobile

# Configurer les détails de l'apparence des cartes pour une campagne mobile {#ariaid-title1}

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 4 minutes de lecture

Configurez les vues d'éléments pour fournir les détails qui définissent l'apparence des cartes dans une campagne mobile afin d'améliorer les options d'affichage et de rendre votre campagne plus efficace.
Lors de la création de vues d'éléments pour les cartes d'une campagne mobile, vous devez construire le code JSON requis pour définir l'apparence des cartes. Vous fournissez ensuite ce code dans le champ JSON de la vue d'élément du formulaire Vue d'élément, comme décrit dans [Créer des modèles d'apparence pour les cartes d'une campagne mobile](https://servicenow-prod.fluidtopics.net/~YhpIIu940RmS4dm2aZ~Mg "Créez des modèles de cartes d’éléments contenant des informations sur l’apparence de chaque type de carte affiché dans une campagne mobile.")  
Remarque :  
Si l'une des valeurs configurables est vide ou si la ligne de code est supprimée, la valeur par défaut est utilisée.

## JSON de vue d'élément pour les cartes texte {#mobile-campaign-card-config__section_mfk_4x2_4mb}

Pour une carte texte, copiez cet exemple de code JSON et collez-le dans le champ JSON de la vue d'élément d'un formulaire de vue d'élément.

    {
      "Type": "ViewGroup",
      "Distribution": "Equal",
      "Orientation": "Vertical",
      "Alignment": "Center",
      "Margin": {
        "Left": 0,
        "Right": 0,
        "Top": 0,
        "Bottom": 0
      },
      "Children": [
        {
          "Type": "Text",
          "CellId": "title",
          "TextAlignment": "center",
          "Margin": {
            "Left": 16,
            "Right": 16
          },
          "MaxLines": 3,
          "Font": {
            "Weight": "bold",
            "Size": 36,
            "MinSize": 24
          },
        }
      ],
    }

Les paramètres de l'exemple de code JSON sont les suivants :

* La valeur du Type paramètre n'est pas configurable.
* La CellId valeur du paramètre dans l'exemple de code est basée sur la valeur de la version système de base par défaut de la Centre des employés table \[sn_cd_content_mobile\]. Si la valeur de cette table a changé, ajoutez la valeur modifiée dans l'exemple de code JSON.  
  Remarque :  
  Pour accéder à la table de vérification des valeurs, entrez <kbd class="ph userinput">sn_cd_content_mobile.list</kbd> dans le filtre de navigation de votre navigateur d'application.
* Les autres valeurs de paramètre dans cet exemple de code pour les cartes texte sont des valeurs de configuration standard qui fournissent une apparence équilibrée pour les cartes. Vous pouvez personnaliser ces valeurs.
{#mobile-campaign-card-config__ul_pdp_qxj_4mb}

## Vue d'élément JSON pour les cartes vidéo {#mobile-campaign-card-config__section_w4c_rx2_4mb}

Pour une carte vidéo, copiez cet exemple de code JSON et collez-le dans le champ JSON de la vue d'élément du formulaire de vue d'élément.

    {
      "Type": "Media-Video",
      "CellId": "video_link.url",
      "TitleCellId": "title",
      "SubtitleCellId": "text"
    }

Les paramètres de l'exemple de code JSON sont les suivants :

* La valeur du Type paramètre n'est pas configurable.
* Les CellIdvaleurs des paramètres , TitleCellId, et SubtitleCellID de l'exemple de code sont basées sur les valeurs de la version système de base par défaut de la Centre des employés table \[sn_cd_content_mobile\]. Si l'une des valeurs de cette table a changé, ajoutez la valeur modifiée dans l'exemple de code JSON.  
  Remarque :  
  Pour accéder à la table de vérification des valeurs, entrez <kbd class="ph userinput">sn_cd_content_mobile.list</kbd> dans le filtre de navigation de votre navigateur d'application.
{#mobile-campaign-card-config__ul_nvt_k1k_4mb}

## Code JSON de la vue d'élément pour les cartes d'images {#mobile-campaign-card-config__section_s31_5x2_4mb}

Pour une carte d'image, copiez cet exemple de code JSON et définissez toutes les valeurs qui diffèrent des valeurs par défaut. Si vous souhaitez utiliser les valeurs par défaut, vous pouvez supprimer cette ligne de code. Une fois que vous avez défini les valeurs souhaitées, collez le code JSON dans le champ JSON de la vue d'élément du formulaire de vue d'élément.

    {
      "Type": "Media-Image",
      "CellId": "image",
      "TitleCellId": "title",
      "SubtitleCellId": "text",
      "Parallax": <true|false>,
      "DisplayType": "<over|under>",
      "DisplayTheme": "<light|dark>",
      "FocusOnFaces": <true|false>
    }

Les paramètres standard de l'exemple de code JSON sont les suivants :

* La valeur du Type paramètre n'est pas configurable.
* Les CellIdvaleurs des paramètres , TitleCellId, et SubtitleCellID de l'exemple de code sont basées sur les valeurs de la version système de base par défaut de la Centre des employés table \[sn_cd_content_mobile\]. Si l'une des valeurs de cette table a changé, ajoutez la valeur modifiée dans l'exemple de code JSON.  
  Remarque :  
  Pour accéder à la table de vérification des valeurs, entrez <kbd class="ph userinput">sn_cd_content_mobile.list</kbd> dans le filtre de navigation de votre navigateur d'application.

{#mobile-campaign-card-config__ul_ux5_kck_4mb}  
Les paramètres personnalisés de la vue d'élément pour les cartes image sont les suivants :

Parallaxe
:   Détermine s'il faut créer une illusion de profondeur et de perspective sur l'image.

    * <kbd class="ph userinput">true</kbd> (valeur par défaut) : le texte au bas de la carte se déplace à une vitesse plus lente que l'image d'arrière-plan, ce qui donne l'impression que les deux objets se trouvent sur un plan tridimensionnel différent.
    * <kbd class="ph userinput">faux</kbd> : le texte en bas de la carte et l'image se déplacent à la même vitesse.
    {#mobile-campaign-card-config__ul_enl_yql_rmb}

Type d'affichage
:   Détermine si le texte est affiché sous l'image (<kbd class="ph userinput">sous</kbd>) ou en tant que superposition sur l'image (<kbd class="ph userinput">par-dessus</kbd>). Le texte comprend le titre et le sous-titre. Pour une expérience visuelle fluide, utilisez le même format pour tous les types de cartes. La valeur par défaut est terminée.{#mobile-campaign-card-config__table_zn5_rl2_gmb__entry__2}

    | Texte affiché sous l'image | Texte affiché en tant que superposition |
    |-|-|
    |   |   |
    [ ]

    {#mobile-campaign-card-config__table_zn5_rl2_gmb}

DisplayTheme
:   Détermine la couleur de la superposition de texte. Cette option n'est disponible que si le type d'affichage est <kbd class="ph userinput">terminé</kbd>. Utilisez <kbd class="ph userinput">la lumière</kbd> pour le texte à afficher sur un fond sombre. La valeur par défaut est clair.{#mobile-campaign-card-config__table_vgl_rm2_gmb__entry__2}

    | DisplayTheme défini sur clair | DisplayTheme défini sur foncé |
    |-|-|
    |   |   |
    [ ]

    {#mobile-campaign-card-config__table_vgl_rm2_gmb}

FocusOnFaces
:   Lorsque la valeur par défaut est définie sur <kbd class="ph userinput">vrai</kbd> , les images d'une carte d'image sont recadrées à l'endroit où les visages sont capturés dans le cadre.