Product documentation Docs
    • English
    • Deutsch
    • 日本語
    • 한국어
    • Français
  • More Sites
    • Now Community
    • Developer Site
    • Knowledge Base
    • Product Information
    • ServiceNow.com
    • Training
    • Customer Success Center
    • ServiceNow Support Videos
  • Log in

Product documentation

  • Home
How search works:
  • Punctuation and capital letters are ignored
  • Special characters like underscores (_) are removed
  • Known synonyms are applied
  • The most relevant topics (based on weighting and matching to search terms) are listed first in search results
Topics are ranked in search results by how closely they match your search terms
  • A match on the entire phrase you typed
  • A match on part of the phrase you typed
  • A match on ALL of the terms in the phrase you typed
  • A match on ANY of the terms in the phrase you typed

Note: Matches in titles are always highly ranked.

  • Release version
    Table of Contents
    • ServiceNow Mobile
Table of Contents
Choose your release version
    Home Paris Mobile Configuration and Navigation ServiceNow Mobile Building and configuring mobile apps Displaying campaigns on ServiceNow mobile Configure the details for the appearance of cards for a mobile campaign

    Configure the details for the appearance of cards for a mobile campaign

    • Save as PDF Selected topic Topic & subtopics All topics in contents
    • Unsubscribe Log in to subscribe to topics and get notified when content changes.
    • Share this page
    Classic UI is going away on mobile!

    In Paris and future releases, the ServiceNow Classic app no longer receives enhancements or non-priority bug fixes. Migrate to ServiceNow® mobile to take advantage of our improved mobile features. For more detail, see Migrate from classic mobile to ServiceNow mobile.

    Configure the details for the appearance of cards for a mobile campaign

    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.

    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

    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 HR Service Content Delivery 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 sn_cd_content_mobile.list 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.

    Item view JSON for video cards

    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 HR Service Content Delivery 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 sn_cd_content_mobile.list in the navigation filter of your application navigator.

    Item view JSON code for image cards

    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 HR Service Content Delivery 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 sn_cd_content_mobile.list in the navigation filter of your application navigator.
    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.
    • true (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.
    • false: The text at the bottom of the card and the image move at the same speed.
    DisplayType
    Determines whether text is displayed under the image (under) or as an overlay on the image (over). 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.
    Text displayed under image Text displayed as overlay

    Text displayed under the image for display type configuration.

    Text displayed as overlay within image for display type configuration.
    DisplayTheme
    Determines the color of the text overlay. This option is available only if the display type is over. Use light for text that is to be displayed over a dark background. The default value is light.
    DisplayTheme set to light DisplayTheme set to dark

    Text displayed in a light color for a display theme configuration.

    Text displayed in a dark color for display theme configuration.
    FocusOnFaces
    When set to true (the default), images on an image card are cropped to where the faces are captured in the frame.

    Tags:

    Feedback
    On this page

    Previous topic

    Next topic

    • Contact Us
    • Careers
    • Terms of Use
    • Privacy Statement
    • Sitemap
    • © ServiceNow. All rights reserved.

    Release version
    Choose your release version

      Configure the details for the appearance of cards for a mobile campaign

      • Save as PDF Selected topic Topic & subtopics All topics in contents
      • Unsubscribe Log in to subscribe to topics and get notified when content changes.
      • Share this page
      Classic UI is going away on mobile!

      In Paris and future releases, the ServiceNow Classic app no longer receives enhancements or non-priority bug fixes. Migrate to ServiceNow® mobile to take advantage of our improved mobile features. For more detail, see Migrate from classic mobile to ServiceNow mobile.

      Configure the details for the appearance of cards for a mobile campaign

      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.

      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

      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 HR Service Content Delivery 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 sn_cd_content_mobile.list 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.

      Item view JSON for video cards

      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 HR Service Content Delivery 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 sn_cd_content_mobile.list in the navigation filter of your application navigator.

      Item view JSON code for image cards

      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 HR Service Content Delivery 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 sn_cd_content_mobile.list in the navigation filter of your application navigator.
      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.
      • true (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.
      • false: The text at the bottom of the card and the image move at the same speed.
      DisplayType
      Determines whether text is displayed under the image (under) or as an overlay on the image (over). 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.
      Text displayed under image Text displayed as overlay

      Text displayed under the image for display type configuration.

      Text displayed as overlay within image for display type configuration.
      DisplayTheme
      Determines the color of the text overlay. This option is available only if the display type is over. Use light for text that is to be displayed over a dark background. The default value is light.
      DisplayTheme set to light DisplayTheme set to dark

      Text displayed in a light color for a display theme configuration.

      Text displayed in a dark color for display theme configuration.
      FocusOnFaces
      When set to true (the default), images on an image card are cropped to where the faces are captured in the frame.

      Tags:

      Feedback

          Share this page

          Got it! Feel free to add a comment
          To share your product suggestions, visit the Idea Portal.
          Please let us know how to improve this content

          Check any that apply

          To share your product suggestions, visit the Idea Portal.
          Confirm

          We were unable to find "Coaching" in Jakarta. Would you like to search instead?

          No Yes
          • Contact Us
          • Careers
          • Terms of Use
          • Privacy Statement
          • Sitemap
          • © ServiceNow. All rights reserved.

          Subscribe Subscribed Unsubscribe Last updated: Tags: January February March April May June July August September October November December No Results Found Versions Search preferences successfully updated My release version successfully updated My release version successfully deleted An error has occurred. Please try again later. You have been unsubscribed from all topics. You are now subscribed to and will receive notifications if any changes are made to this page. You have been unsubscribed from this content Thank you for your feedback. Form temporarily unavailable. Please try again or contact  docfeedback@servicenow.com  to submit your comments. The topic you requested does not exist in the release. You were redirected to a related topic instead. The available release versions for this topic are listed There is no specific version for this documentation. Explore products Click to go to the page. Release notes and upgrades Click to open the dropdown menu. Delete Remove No selected version Reset This field is required You are already subscribed to this topic Attach screenshot The file you uploaded exceeds the allowed file size of 20MB. Please try again with a smaller file. Please complete the reCAPTCHA step to attach a screenshot
          Log in to personalize your search results and subscribe to topics
          No, thanks Login