# Add a stop while driving and retain info in the floating navigation bar

<br />

You can transition from the
[Navigation template](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/navigation-template)
to the [Map + Content template](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/map-content-template)
to show a compact list of places without losing the turn information.

The turn information on the routing card is condensed into a floating navigation
bar that moves to the side and remains visible.

## Sample flow

The user is using the app. They decide to add a stop to their journey.

| User action | Where action is performed | Step count after action |
|---|---|---|
| The user taps an action to add a stop during an active route. | Navigation template ![Navigation template during the user's journey](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/add_a_stop_1.png) | 1 |
| A compact list appears, showing the available options to add a stop, while the turn information shrinks into a floating navigation bar and moves to the side. | List template included in the Map + Content template ![Map template with list of locations to add a stop](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/add_a_stop_2.png) | 2 |
| The user taps the chosen stop. | List template included in the Map + Content template ![Map template with list of locations to add a stop](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/add_a_stop_3.png) > [!NOTE] > **Note:** Because the content of the map template does not change, this is considered a refresh and does not add to the step count. | 2 |
| The user clicks the **Navigate** button to start navigation. | Pane template included in the Map + Content template ![Included Pane template with location details and Navigate button](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/add_a_stop_4.png) | 3 |
| The stop is added to the route and the app informs the user with a [navigation alert](https://developers.google.com/cars/design/create-apps/apps-for-drivers/templates/navigation-template#alerts). | Navigation template ![Navigation template during navigation](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/add_a_stop_5.png) | 1 |