---
sourceDocument: Australia Mobile Configuration and Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/mobile

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# Campaign cards

# Configure the details for the appearance of cards for a mobile campaign {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 minutes to read

Summarize  
![AI sparkle icon](https://servicenow.com/docs/portal-asset/ai-sparkle-icon) Summarized using AI  
This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.  

## Summary of Configure the Details for the Appearance of Cards for a Mobile Campaign

This guide assists ServiceNow customers in configuring the appearance of cards within mobile campaigns.
By setting up item views through JSON code, you can enhance the display options to make your campaigns more effective.
Each card type---text, video, and image---requires specific JSON configurations that are entered in the Item view JSON field of the Item view form.
Show full answer Show less  

## Key Features

* **Text Cards:** Use a predefined JSON structure to configure text cards, including parameters like TextAlignment, Margin, and Font settings. Ensure the CellId corresponds to the Employee Center table for accurate data integration.
* **Video Cards:** Configure video cards using JSON to define the media type and corresponding cell IDs for the video link, title, and subtitle. Again, CellId values must match those in the default Employee Center table.
* **Image Cards:** Set up image cards with a customizable JSON structure. Key parameters include Parallax for depth effect, DisplayType for text positioning, DisplayTheme for text color, and FocusOnFaces for optimizing image cropping.

## Key Outcomes

By properly configuring the item views for each card type, you can ensure a visually appealing and functional mobile campaign. You will gain greater control over how content is presented to users, which can lead to improved engagement and effectiveness of your marketing efforts. Default values are utilized when specific parameters are not defined, streamlining the setup process.  
Configure item views to provide the details that define the appearance of cards within
a mobile campaign to enhance display options and make your campaign more effective.
When creating item views for cards for a mobile campaign, you need to construct required
JSON code to define the appearance of the cards. You then provide this code in the
Item view JSON field of the Item view form, as described in [Create appearance templates for cards for a mobile campaign](https://servicenow-prod.fluidtopics.net/QbT9N4eGimVsU4_JW4LGQQ "Create item card templates that contain information about the appearance of each type of card displayed in a mobile campaign.")  
Note:  
If any of the configurable values are empty or the line of code is removed, the default value is used.

## Item view JSON for text cards {#mobile-campaign-card-config__section_mfk_4x2_4mb}

For a text card, copy this sample JSON code and paste it in the Item view JSON field within an item view form.

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

The parameters in the sample JSON code are as follows:

* The Type parameter value is not configurable.
* The CellId parameter value in the sample code is based on the value in the default base system version of the Employee Center table \[sn_cd_content_mobile\]. If the value in that table has changed, add the changed value in the sample JSON code.  
  Note:  
  To access the table to check the values, enter <kbd class="ph userinput">sn_cd_content_mobile.list</kbd> in the navigation filter of your application navigator.
* The other parameter values in this sample code for text cards are standard setup values that provide a balanced appearance for the cards. You can customize these values.
{#mobile-campaign-card-config__ul_pdp_qxj_4mb}

## Item view JSON for video cards {#mobile-campaign-card-config__section_w4c_rx2_4mb}

For a video card, copy this sample JSON code and paste it in the Item view JSON field within the item view form.

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

The parameters in the sample JSON code are as follows:

* The Type parameter value is not configurable.
* The CellId, TitleCellId, and SubtitleCellID parameter values in the sample code are based on the values from the default base system version of the Employee Center table \[sn_cd_content_mobile\]. If any of the values in that table have changed, add the changed value in the sample JSON code.  
  Note:  
  To access the table to check the values, enter <kbd class="ph userinput">sn_cd_content_mobile.list</kbd> in the navigation filter of your application navigator.
{#mobile-campaign-card-config__ul_nvt_k1k_4mb}

## Item view JSON code for image cards {#mobile-campaign-card-config__section_s31_5x2_4mb}

For an image card, copy this sample JSON code and set any values that differ from the default values. If you want to use the default values, you can delete that line of code. Once you have set your desired values, paste the JSON code in the Item view JSON field within the item view form.

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

The standard parameters in the sample JSON code are as follows:

* The Type parameter value is not configurable.
* The CellId, TitleCellId, and SubtitleCellID parameter values in the sample code are based on the values from the default base system version of the Employee Center table \[sn_cd_content_mobile\]. If any of the values in that table have changed, add the changed value in the sample JSON code.  
  Note:  
  To access the table to check the values, enter <kbd class="ph userinput">sn_cd_content_mobile.list</kbd> in the navigation filter of your application navigator.

{#mobile-campaign-card-config__ul_ux5_kck_4mb}  
The custom parameters for the item view for image cards are as follows:

Parallax
:   Determines whether to create an illusion of depth and perspective on the image.

    * <kbd class="ph userinput">true</kbd> (the default): The text at the bottom of the card moves a slower speed than the background image, making the two objects appear as though they are on a different three-dimensional plane.
    * <kbd class="ph userinput">false</kbd>: The text at the bottom of the card and the image move at the same speed.
    {#mobile-campaign-card-config__ul_enl_yql_rmb}

DisplayType
:   Determines whether text is displayed under the image (<kbd class="ph userinput">under</kbd>)
    or as an overlay on the image (<kbd class="ph userinput">over</kbd>). The text includes the
    title and the subtitle. For a smooth visual experience, use the same format for all
    the card types. The default value is over.{#mobile-campaign-card-config__table_zn5_rl2_gmb__entry__2}

    | Text displayed under image | Text displayed as overlay |
    |-|-|
    |   |   |
    [ ]

    {#mobile-campaign-card-config__table_zn5_rl2_gmb}

DisplayTheme
:   Determines the color of the text overlay. This option is available only if the
    display type is <kbd class="ph userinput">over</kbd>. Use <kbd class="ph userinput">light</kbd> for text
    that is to be displayed over a dark background. The default value is
    light.{#mobile-campaign-card-config__table_vgl_rm2_gmb__entry__2}

    | DisplayTheme set to light | DisplayTheme set to dark |
    |-|-|
    |   |   |
    [ ]

    {#mobile-campaign-card-config__table_vgl_rm2_gmb}

FocusOnFaces
:   When set to <kbd class="ph userinput">true</kbd> (the default), images on an image card are
    cropped to where the faces are captured in the frame.

