---
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


---

# Card template element attributes

# Card template element attributes {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 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 Card Template Element Attributes

This reference provides essential attributes for various card template elements in ServiceNow.
Understanding these attributes is crucial for effectively designing and implementing card templates within the platform.
The Mobile Card Builder automates attribute creation, streamlining the process for users.
Show full answer Show less  

## Key Features

* **Text Type Attributes:**
  * **TextValue:** Displays static text; use the Translatable value field for input.
  * **FieldLabel:** Shows the label of a table field; input the field name.
  * **FieldValue:** Displays the value of a field in a record; input the field name.
  * **FieldFunction:** Displays record counts or grouping values.
* **Image Type Attributes:**
  * **ImageURL:** Displays a static image; enter the SysID from the attachment table.
  * **FieldValue:** Displays an image from a record field; input the field name.
* **Button and MenuButton Types:**
  * **Button:** Executes a function upon tapping; enter the SysID from the functions table.
  * **TextValue:** Displays static text; specify the field name.
  * **FieldValue:** Displays the value of a record field; specify the field name.
  * **Icon:** Displays an icon; enter the SysID from the icon table.
* **Menu Type Attributes:**
  * **TextValue:** Displays static text; specify the field name.
  * **Icon:** Displays an icon; enter the SysID from the icon table.
* **HtmlText Type Attributes:** Includes properties for external source search, HTML sanitization, and rendering options.
* **Property Attributes:** Define additional properties like background color, border color, and text color using hex codes or color theme names.

## Key Outcomes

By utilizing the correct attributes, ServiceNow customers can create visually appealing and functional card templates that enhance user interactions. Understanding these attributes allows for tailored card elements that meet specific business needs and improve overall user experience.  
Use this reference to determine which attributes to use for your card template
elements.
Each card template element has one or more required attributes that you must create. The
sections below show the required attributes for each card template element type.  
Note:  
When using the Mobile Card Builder, the listed attributes do not need to be manually created, as the tool automatically creates the attributes in the background.

## Attributes for the Text type {#mca-attributes__section_jjp_1rm_v4b}

{#mca-attributes__table_rf4_jsm_v4b__entry__3}

| Name | Description | Configuration |
|-|-|-|
| TextValue | Used to display static text. | Use the Translatable value field to enter the text to display. |
| FieldLabel | Used to display the label of a table field. | Use the Value field to enter the name of a field. For example, <kbd class="ph userinput">short_description</kbd>. |
| FieldValue | Used to display the value of a field in a record. | Use the Value field to enter the name of a field. For example, <kbd class="ph userinput">short_description</kbd>. |
| FieldFunction | Used to display either a count of records, or the value by which records are grouped. |   |
[Table 1. Attributes for the Text type]

{#mca-attributes__table_rf4_jsm_v4b}

## Attributes for the Image type {#mca-attributes__section_gk4_3tm_v4b}

{#mca-attributes__table_ovc_mtm_v4b__entry__3}

| Name | Description | Configuration |
|-|-|-|
| ImageURL | Used to display a static image from the attachment\[sys_attachment\] table on your instance. | Use the Value field to enter a SysID for a record in the attachment\[sys_attachment\] table. |
| FieldValue | Used to display an image from a field in a record. | Use the Value field to enter the name of a field. For example, <kbd class="ph userinput">avatar</kbd>. |
[Table 2. Attributes for the Image type]

{#mca-attributes__table_ovc_mtm_v4b}

## Attributes for the Button and MenuButton types {#mca-attributes__section_t5b_wtm_v4b}

{#mca-attributes__table_u5b_wtm_v4b__entry__3}

| Name | Description | Configuration |
|-|-|-|
| Button | Used to select the function that runs when users tap a button. | Use the Value field to enter the SysID of a function from the Functions\[sys_sg_button\] table. For details on creating functions, see [Mobile functions](https://servicenow-prod.fluidtopics.net/hxfkLR_viSp6YqBKbnmguw "Configure functions in Mobile App Builder to determine which actions users can perform in the mobile app."). |
| TextValue | Used to display static text. | Use the Value field to enter the name of a field. For example, <kbd class="ph userinput">short_description</kbd>. |
| FieldValue | Used to display the value of a field in a record. | Use the Value field to enter the name of a field. For example, <kbd class="ph userinput">avatar</kbd>. |
| Icon | Used to display an icon. | Use the Value field to enter the SysID of an icon record from the Icon\[sys_sg_icon\] table. |
[Table 3. Attributes for the Button and MenuButton types]

{#mca-attributes__table_u5b_wtm_v4b}

## Attributes for the Menu type {#mca-attributes__section_hkk_f5m_v4b}

{#mca-attributes__table_ikk_f5m_v4b__entry__3}

| Name | Description | Configuration |
|-|-|-|
| TextValue | Used to display static text. | Use the Value field to enter the name of a field. For example, <kbd class="ph userinput">short_description</kbd>. |
| Icon | Used to display an icon. | Use the Value field to enter the SysID of an icon record from the Icon\[sys_sg_icon\] table. |
[Table 4. Attributes for the Menu type]

{#mca-attributes__table_ikk_f5m_v4b}

## Attributes for the HtmlText type {#mca-attributes__section_dtc_j5m_v4b}

{#mca-attributes__table_etc_j5m_v4b__entry__3}

| Name | Description | Configuration |
|-|-|-|
| SearchExternalSource |   |   |
| HtmlReplaceMap |   |   |
| HtmlSanitizationAllowList |   |   |
| HtmlRemoveList |   |   |
| StringReplaceMap |   |   |
| RenderType |   |   |
[Table 5. Attributes for the HtmlText type]

{#mca-attributes__table_etc_j5m_v4b}

## Property Attributes {#mca-attributes__section_k2j_bvm_v4b}

Use property attributes to define additional properties for your card template slot. These
properties are not associated with a specific attribute
type.
{#mca-attributes__table_ky4_gvm_v4b__entry__3}

| Name | Description | Configuration |
|-|-|-|
| BackgroundColor | Color of the background for the card template element. | Use the Value field to define the color. Colors must be in color hex code format, or the name of a color theme. For example <kbd class="ph userinput">Primary</kbd> or <kbd class="ph userinput">#8a8a8a</kbd>. |
| BorderColor | Color of the border for the card template element. | Use the Value field to define the color. Colors must be in color hex code format, or the name of a color theme. For example <kbd class="ph userinput">Primary</kbd> or <kbd class="ph userinput">#8a8a8a</kbd>. |
| TextColor | Color of the text or the card template element. | Use the Value field to define the color. Colors must be in color hex code format, or the name of a color theme. For example <kbd class="ph userinput">Primary</kbd> or <kbd class="ph userinput">#8a8a8a</kbd>. |
[Table 6. Attributes for the Menu type]

{#mca-attributes__table_ky4_gvm_v4b}