Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dashboard: Sidebar changes layout #8021

Closed
AlbertRapp opened this issue Dec 24, 2023 · 1 comment
Closed

Dashboard: Sidebar changes layout #8021

AlbertRapp opened this issue Dec 24, 2023 · 1 comment
Assignees
Labels
bug Something isn't working dashboards triaged-to Issues that were not self-assigned, signals that an issue was assigned to someone.

Comments

@AlbertRapp
Copy link

Bug description

Adding a sidebar changes the layout of the Quarto dashboard. Adding things like

format: 
  dashboard:
    orientation: rows

to the YAML header doesn't help with that.

Steps to reproduce

---
title: Reprex
format: dashboard
---

## {.sidebar}


## First Row

::: {.card}

First Col

:::

::: {.card}

Second Col

:::



## Second Row

::: {.card}

Full Row

:::

Expected behavior

Before adding ## {.sidebar} the layout was

AABB
CCCC

I expect the same to be true after adding the sidebar.

Actual behavior

After adding the sidebar the layout is

AAC
AAC
BBC
BBC

Your environment

  • RStudio/2023.06.2+561
  • Windows 10

Quarto check output

$ quarto check
Quarto 1.4.533
[>] Checking versions of quarto binary dependencies...
      Pandoc version 3.1.11: OK
      Dart Sass version 1.69.5: OK
      Deno version 1.37.2: OK
[>] Checking versions of quarto dependencies......OK
[>] Checking Quarto installation......OK
      Version: 1.4.533
      Path: C:\Users\Alber\AppData\Local\Programs\Quarto\bin
      CodePage: 1252

[>] Checking tools....................OK
      TinyTeX: (not installed)
      Chromium: (not installed)

[>] Checking LaTeX....................OK
      Tex:  (not detected)

[>] Checking basic markdown render....OK

[>] Checking Python 3 installation....(None)

      Unable to locate an installed version of Python 3.
      Install Python 3 from https://www.python.org/downloads/

[>] Checking R installation...........OK
      Version: 4.2.1
      Path: C:/PROGRA~1/R/R-42~1.1
      LibPaths:
        - C:/Users/Alber/AppData/Local/R/win-library/4.2
        - C:/Program Files/R/R-4.2.1/library
      knitr: 1.44
      rmarkdown: 2.25

[>] Checking Knitr engine render......OK
@AlbertRapp AlbertRapp added the bug Something isn't working label Dec 24, 2023
@mcanouil mcanouil added triaged-to Issues that were not self-assigned, signals that an issue was assigned to someone. dashboards labels Jan 1, 2024
@dragonstyle
Copy link
Collaborator

This is by design - the level 2 heading creating a sidebar is a 'column' on the page, and the other level 2 headings are also interpreted as columns (this isn't changeable at the page level since the sidebar is always a column since it is vertically oriented). You can keep the identical layout between the cases by changing the document to have a level 2 heading to contain the contents of the dashboard, and moving the current layout to level 3 headings, like so:

---
title: Reprex
format: dashboard
---

## {.sidebar}

## Main Body

### First Row

::: {.card}

First Col

:::

::: {.card}

Second Col

:::



### Second Row

::: {.card}

Full Row

:::

It's even easier to visualize using the alternative heading syntax for level 2 headings:

---
title: Reprex
format: dashboard
---

{.sidebar}
---------------


Body
---------------

### First Row

::: {.card}

First Col

:::

::: {.card}

Second Col

:::



### Second Row

::: {.card}

Full Row

:::

@dragonstyle dragonstyle closed this as not planned Won't fix, can't repro, duplicate, stale Jan 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working dashboards triaged-to Issues that were not self-assigned, signals that an issue was assigned to someone.
Projects
None yet
Development

No branches or pull requests

3 participants