Stay organized with collections
Save and categorize content based on your preferences.
The content area is where app content appears, above or beside the
navigation bar.
The content area has two views:
Minimized view:
A map or main app appears next to other apps in cards
to the side or bottom of the app.
This view supports the ability to access multiple apps simultaneously.
Expanded view:
The app takes over the entire content area.
Requires more control over an app, such as scrolling through music lists or
full-screen navigation, they can expand it to take up the entire content area.
Minimized view
The dashboard gives users quick access to multiple active apps,
helping them multitask safely when necessary.
In this view, users can see these:
A map or main app
Cards with concurrent tasks and activities
The navigation bar, including an app launcher icon that users can tap
to switch to the app launcher
The cards can provide access to the most-used functions of an app. To access
the full functionality of your app, users need to enter an expanded view.
The examples show the dashboard on a portrait-oriented head unit and
on a landscape-oriented head unit.
Anatomy of the Content area.
Apps launcher – Shows all apps available in the car (replaced by a dashboard
icon when the app launcher is displayed in the content area).
Assistant button – Opens Assistant for voice interaction.
App dock – Displays shortcuts to recently used apps.
Notification Center badge – Displays how many
notifications are waiting in the Notification Center.
Status elements – Displays elements like the clock, signal,
and battery status.
In this portrait view of the dashboard, the map appears above the weather info
and controls for the music that is playing.
In the examples, the dashboard adjusts its content layout as the user receives a
message during their drive.
The user is navigating to their destination while listening to music.The area for the music app shrinks to allow a preview of the message the user received.
Expanded view
This expanded view provides a richer experience, as seen in the following
example:
Navigation bar for right-hand drive vehicles
In this view, users see:
The navigation bar, including a dashboard icon that users can tap to
switch to a dashboard view.
The complete app.
Even if the app doesn't require a richer experience, the user may want to open
an app in this expanded view to be able to access its full capability.
Users can switch to this expanded view by tapping a card, toast or a
notification to open the app on the full screen. They can exit by tapping the
dashboard icon.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-05-30 UTC."],[],[],null,["# Content area\n\n\u003cbr /\u003e\n\nThe content area is where app content appears, above or beside the\nnavigation bar.\n\nThe content area has two views:\n\n- **Minimized view:** \n\n A map or main app appears next to other apps in cards\n to the side or bottom of the app.\n This view supports the ability to access multiple apps simultaneously.\n\n- **Expanded view:** \n\n The app takes over the entire content area.\n Requires more control over an app, such as scrolling through music lists or\n full-screen navigation, they can expand it to take up the entire content area.\n\nMinimized view\n--------------\n\nThe dashboard gives users quick access to multiple active apps,\nhelping them multitask safely when necessary.\nIn this view, users can see these:\n\n- A **map** or main app\n- **Cards** with concurrent tasks and activities\n- The **navigation bar**, including an app launcher icon that users can tap to switch to the app launcher\n\nThe cards can provide access to the most-used functions of an app. To access\nthe full functionality of your app, users need to enter an expanded view.\n\nThe examples show the dashboard on a portrait-oriented head unit and\non a landscape-oriented head unit.\nAnatomy of the Content area.\n\n1. **Apps launcher** -- Shows all apps available in the car (replaced by a dashboard icon when the app launcher is displayed in the content area). \n2. **Assistant button** -- Opens Assistant for voice interaction. \n3. **App dock** -- Displays shortcuts to recently used apps. \n4. **Notification Center badge** -- Displays how many notifications are waiting in the Notification Center. \n5. **Status elements** -- Displays elements like the clock, signal, and battery status.\n\nIn this portrait view of the dashboard, the map appears above the weather info\nand controls for the music that is playing.\n\nIn the examples, the dashboard adjusts its content layout as the user receives a\nmessage during their drive.\nThe user is navigating to their destination while listening to music. The area for the music app shrinks to allow a preview of the message the user received.\n\n*** ** * ** ***\n\nExpanded view\n-------------\n\nThis expanded view provides a richer experience, as seen in the following\nexample:\nNavigation bar for right-hand drive vehicles\n\nIn this view, users see:\n\n1. **The navigation bar**, including a dashboard icon that users can tap to switch to a dashboard view.\n2. The complete app.\n\nEven if the app doesn't require a richer experience, the user may want to open\nan app in this expanded view to be able to access its full capability.\n\nUsers can switch to this expanded view by tapping a card, toast or a\nnotification to open the app on the full screen. They can exit by tapping the\ndashboard icon."]]
