Disable dashboard navbar?

[andrewheiss]

Description

It's currently possible to include Quarto dashboards as pages in a Quarto website (and I hope that's by design and not accidental! It's super helpful!)

However, the dashboard includes its own navbar, which is also by design, since 1st level headings cause dashboards to have multiple pages.

When part of a website, this creates a double navbar. That makes sense in cases where people might be including a multi-page dashboard, but when including a single-page dashboard, the double navbar is redundant:

It would be neat if there was a way to turn off the navbar for a dashboard. My current solution is to hide it with CSS, but that feels hacky.

include-before-body: 
  text: |
    <style>
      #quarto-dashboard-header {
        display: none
      }
    </style>

---

Here's a reproducible example:

_quarto.yml

project:
  type: website

website:
  title: "Dashboard in website"
  navbar:
    left:
      - href: index.qmd
        text: Home
      - dashboard.qmd

index.qmd

---
title: "Dashboard in a website"
---

Blah.

dashboard.qmd

---
title: "Dashboard"
format: 
  dashboard: default
---

## Row {height=40%}
::: {.card}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
:::

::: {.valuebox icon="pencil" color="blue"}
A number

3
:::

## Row {height=60%}

::: {.card}
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
:::

Change dashboard.qmd to this to get rid of the dashboard navbar:

---
title: "Dashboard"
format: 
  dashboard: default
include-before-body: 
  text: |
    <style>
      #quarto-dashboard-header {
        display: none
      }
    </style>
---

## Row {height=40%}
::: {.card}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
:::

::: {.valuebox icon="pencil" color="blue"}
A number

3
:::

## Row {height=60%}

::: {.card}
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
:::

Now it's gone:

[mcanouil]

I opened an issue here because you are the first to tell to have tried this but others asked if it was possible.
I don't think this was 100 % intended beahaviour by the way.

Follow up on:

• Allow to disable dashboard navbar when integrated in a website #8265

[dragonstyle]

I closed the root issue as I think this isn't something we should change right now. Here's my thinking:

I've given this a bit more thought, and I actually think that the idea of allowing explicitly turning off the navbar is actually not a great approach. The navbar appears when the user has provided metadata or a dashboard layout which requires it (e.g. they have provided a title, etc...). If we allow the user to pass this information, but then suppress the navbar, it is confusing since then none of that data will be displayed.

I believe that the correct fix to this in the long run is:

1. If the user doesn't want a second navbar, they can omit the metadata that results in it appearing (e.g. title, subtitle, author, etc..).

2. If the user wants a navbar and doesn't like the appearance they can/should use css to style it. If this is a common issue, we should update the appearance to look better when in the context of a website.

Just FYI