How do I add icons to visually identify resources?
To easily identify key resource attributes such as vehicle type, you can represent them using icons. Emojis can be inserted into text fields across the application to display labels along with a visual indicator. Adding emojis to names or other free-text fields offers a simple, user-friendly way to enhance visual recognition. While filters and field-level hints are helpful, emojis provide an intuitive and consistent method to highlight important details throughout the UI.
for electric vehicles
for technicians with specialized tools
for resources under maintenance
How to Insert Emojis
To insert emojis:
- Edit the desired text field. This could be a resource name, vehicle type, work skill, or any other label that you commonly use.
- Use your system’s emoji selector:
- On Windows, press Windows + . (period) or Windows + ; (semicolon)
- On Mac, press Control + Command + Space
- Select the emoji you want to insert.
- Save your changes. The emoji displays as part of the text in the resource tree, list views, detail pages, and any other UI elements where the field appears.
How Emojis Work
- Enhanced visual recognition: Quickly identify resource types at a glance.
- Consistent visibility: Emojis appear across all relevant views in the application, including resource tree, lists, tiles, and tooltips.
- Search and filtering: Since emojis are part of the text string, they can impact sorting and search behavior. Consider placing them at the end of the field to minimize disruption.
Example Use Case: Highlight Electric Vehicles in the Dispatch Console
- Go to Resources from the navigation menu.
- Select Truck as the Resource Type.
- Open a resource and click Information on the Resource Info page.
- Edit the vehicle name field.
- Open the emoji selector:
- On Windows, press Windows + . (period) or Windows + ; (semicolon)
- On Mac, press Control + Command + Space
- Select the emoji you want to display alongside the resource name.
- Save the changes. The emoji becomes part of the resource name and displays in the Dispatch Console resource tree.