Shinydashboard Tabbox高度

Question

我尝试创建一个跨越整个tabBox的{​​{1}}。我可以让宽度跨越整个屏幕，但是我无法达到相同的高度。我不希望使用像素（或其他单位）的绝对值，因为我希望应用程序可以在不同的屏幕上使用。

我使用了示例，修改后的mainPanel的{​​{3}}如下所示

tabBox

Answer 1

您可以使用定义为viewport height的1％的vh css单元，然后基本上按照this answer中的示例设置css中的相对高度：

  fluidRow(
    tabBox(
    tags$head(
      tags$style(HTML(" #tabBox { height:90vh !important; } "))
    ),
    id="tabBox",
    title = "tabBox",
    width = 12
    )

你当然也可以将它放在一个外部的css文件中，特别是如果你要做的不仅仅是这些css技巧之一。由于标题，100％略微超过底部边缘。大约90％似乎工作正常。