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


---

# Mobile styles

# Mobile styles {#ariaid-title1}

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

Use mobile style elements to change the appearance of your mobile applications.

|-|-|
| Legacy cards Use legacy cards to show a summary of a record in an easy to read format. Legacy cards are the patterns that define the appearance and location of fields in an applet. Legacy cards are specific to a screen, each screen has its own unique legacy card record. Learn more about legacy cards at [Mobile hierarchy](https://servicenow-prod.fluidtopics.net/quRHhTePhYULmOhDTWOqqg "Learn the components of ServiceNow mobile and how they work together to assist you in configuring, modifying, and creating applications."). |   |
| UI styles Use UI styles to dynamically change legacy card elements such as background color or font color. You can use UI styles to show or hide legacy card elements, and add icons next to an element within an legacy card. For more detail on UI styles, see [Mobile styles](https://servicenow-prod.fluidtopics.net/l~G3utYpvjwNxXvGvjoKaw "Use mobile style elements to change the appearance of your mobile applications."). |   |
| Mobile UI Rules Use Mobile UI rules to build rules that modify your mobile UI screens. These rules include options so hide fields, perform field value calculations, and apply UI styling to different UI elements. In the example to the right, a UI style hides the Impact field based on conditions defined by an administrator. For more information on mobile UI rules, see [Mobile UI Rules](https://servicenow-prod.fluidtopics.net/w0HeqUgAog6EWlo9Jw6wRA "Use Mobile UI rules to build rules that modify the mobile UI. These modifications can include hiding and displaying fields, making fields mandatory, performing field value calculations, and applying UI styles to different UI elements."). |   |
| Icons Use icons to provide unique visual identifiers for navigation tabs and quick actions in your mobile applications. To learn more about mobile icons, see [Mobile icons](https://servicenow-prod.fluidtopics.net/UHEcix0eGA6nbSLiEZhinw "Use icons to provide unique identifiers for navigation and actions in your mobile applications."). Note: Custom mobile icons are not supported. |   |
[ ]

{#sg-mobile-ui-styles__table_m5v_5fw_nlb}