Overview
This page describes what each dashboard card type does and covers any configuration fields unique to that type. For instructions on adding, editing, and deleting cards, see Dashboards.
All dashboard card types share two common fields:
Header: Auto-generated by App Manager; replace with the desired text. The header is displayed in the mobile app.
Icon: Optional. Icons are displayed to the left of the header in the app.
Carousel
Carousel Cards display an animated area that cycles through content within a dashboard card. The content rotates through texts and images, helping you deliver key information at a glance.
IMPORTANT: The Carousel Card can be added to your dashboard via App Manager; however, content must be populated via the API. For more information refer to User Authentication >
dashboard>dashboard_items>properties>carousel.
Configuration fields:
Field | Description |
|---|---|
User-Specific Items | Required. A template pattern that refers to an array of carousel items included in the authentication response. |
Hours of Service (HOS)
The HOS card displays a driver's Hours of Service (HOS) data from the ELD provider. Data can include duty status, drive time remaining, trailer information, and additional metrics. Drivers can launch the ELD app directly from the HOS card.
No additional configuration fields beyond Header and Icon.
NOTE: Eleos has a first class integration with Geotab. This integration automatically adds an HOS card to the dashboard. To control the card's placement on the dashboard, manually add the HOS card within Dashboards in App Manager.
IMPORTANT: The HOS card can be added to a dashboard via App Manager; however, content must be populated via the API. For more information, refer to Driver Status.
Info Cards
Info cards display on mobile app Dashboards and serve as customizable content elements. These cards combine text, images, and action buttons to deliver important information and functionality.
Common applications for Info cards include welcome messages, driver scorecards, and quick access links to frequently used areas of the mobile app.
Configuration fields:
Field | Description |
|---|---|
Text | The body text of the Info card. |
Image URL | A URL referencing the location where the image is stored. |
Image Position | Determines if the image displays at the top, bottom, left, or right of the text. |
Actions | One or more actions configured for the card. |
TIP: You can customize the content in the body of your Info card using variable substitutions. For example, you can welcome a mobile app user by name using the following pattern:
Welcome {{user.full_name}}. For a list of valid variables available for substitution, refer to our Data References guide.
Loads
The Loads card displays essential information about the load, load-level actions and a preview of the first stop. In addition, the Loads card provides drivers with one-tap access to the Loads and/or Trip Planner feature. Users can also access a history of loads from the Loads card, with or without a breakdown by load status.
IMPORTANT: The Loads card can be added to a dashboard via App Manager; however, content must be populated via the API. For more information, refer to Loads.
Configuration fields:
Field | Description |
|---|---|
Label | Input text for the Load Status Counts field. |
Status Code | The status count displaying the number of loads accessible within the app based on load status. |
Messages
The Messages Card displays unread messages from the three most recent conversation threads and also provides access to the mobile app's messaging feature where users can send and receive messages.
Messages can be sent and received via App Manager, or via API. For API-specific guidance, refer to Messaging.
No additional configuration fields beyond Header and Icon.
My Truck
The My Truck card enables you to display the location of a truck, trailer or any other asset on a map, along with supporting details.
IMPORTANT: The My Truck card can be added to a Dashboard via App Manager; however, content must be populated via the API. For more information, refer to My Truck.
Configuration fields:
Field | Description |
|---|---|
Truck Locator Label | Input text that is displayed in the footer of the My Truck card. |
News
News cards allow you to keep users informed by featuring a specific news feed on their Dashboard. The card displays a quick summary of the latest unread post, with a "View All News" button that opens the full feed. If you need to display from multiple feeds, you can create a separate card for each one.
Configuration fields:
Field | Description |
|---|---|
News Feed | Required. The news feed added to the card to display. |
To Dos
The To Dos card displays active and pending To Dos assigned to the user with a link to the To Dos list. This feature relies on your systems supporting the To Dos web service.
IMPORTANT: The To Dos card can be added to your dashboard via App Manager; however, content must be populated via the API. For more information, refer to To Do Items.
No additional configuration fields beyond Header and Icon.