How to add more Whitespace to the Main Panel in Shiny Dashboard?

Question

I have a couple of charts in my Main Panel in my Shiny Dashboard, and I was wondering how to extend the whitespace at the bottom of the main panel? How should I modify my ui.R to do this?

dashboardBody(
    tabItems(
      tabItem("dashboard",

              mainPanel(
                showOutput("plot3", "Nvd3"),
                showOutput("plot4", "Nvd3")

         )),

Update: Adding HTML("<br><br><br>") in the Main Panel only created a wider dark panel:

It made the dark space thicker, as shown in the Update. Any other ideas? — Gary, Oct 21 '15 at 18:06
How about if you change it to `HTML("
")`? It'll give you a horizontal line, but should be harmless? — maloneypatr, Oct 21 '15 at 18:10
That only added a think horizontal line at the bottom. If I try to increase the thickness, I worry that it will overlap the chart... — Gary, Oct 21 '15 at 18:14
I don't think you need `mainPanel`. That's a shiny function, not a shinydashboard function... — Jthorpe, Oct 21 '15 at 18:40

score 8 · Answer 1 · answered Oct 21 '15 at 19:12

8

Can you try to wrap you showOutput with a div wrap?

tags$div(
  style="margin-bottom:50px;",
  showOutput("plot4", "Nvd3")
)

answered Oct 21 '15 at 19:12

Hao

7,476
1
38
59

score 5 · Answer 2 · edited Apr 27 '16 at 14:07

5

I had the same problem. Putting everything in a fluidRow() fixed it for me...

edited Apr 27 '16 at 14:07

Benjamin W.

46,058
19
106
116

answered Apr 27 '16 at 13:50

user6008351

51
1
1

score 5 · Answer 3 · edited Jan 21 '19 at 14:33

5

For vertical whitespace in Shiny, you can go with headerPanel("")

edited Jan 21 '19 at 14:33

trincot

317,000
35
244
286

answered Jan 21 '19 at 14:14

niels kristian schmidt

137
1
7

score 3 · Accepted Answer · answered Oct 21 '15 at 19:15

3

Use CSS, in your ui.R file add:

tags$head(
   tags$style(
       HTML("#dashboard{margin-bottom:50px;}")
   )
)

answered Oct 21 '15 at 19:15

RmIu

4,357
1
21
24

3

What about adding whitespace between the two charts? – BlackHat Nov 16 '16 at 17:02

A.Trzcionkowska · Answer 5 · 2016-02-11T10:34:05.157

1

I had the same problem and according to tip Jthorpe I removed all mainPanelfrom my script. I have six plots one by one verticaly and it works fine.

edited Feb 11 '16 at 10:34

answered Feb 11 '16 at 10:22

A.Trzcionkowska

133
1
2
10

How to add more Whitespace to the Main Panel in Shiny Dashboard?

5 Answers5

Linked