减少sidebarPanel的未使用区域

Question

如屏幕截图所示 - sidebarPanel仅使用它所覆盖区域的约50%.如果我取出'fileInput'(它只在空间可用的情况下水平延伸),这也不会改变.

UI代码完全是锅炉板,这就是为什么我认为发布它没有多大意义.即使我取出所有UI输入字段,效果也保持不变.事实上,sidebarPanel的宽度显然是独立于其内容计算的,但取决于固定的比率.

我想手动调整大小或侧边栏/主面板比率.我怎么能实现这一目标？

Answer 1

这适合我.将它放在shinyUI对象之外:

narrowSidebar <- HTML('<style>.span4 {min-width: 265px; max-width: 265px; }</style>')

并将其放在sidebarPanel的顶部:

tags$head(narrowSidebar), ...

您可以通过重复上述过程更改主面板,但将"span4"更改为"span8".

它可能有助于了解正在发生的事情.默认的ShinyUI使用Bootstrap进行格式化.Bootstrap使用12个单元的网格来布局内容.您使用"span#"使任何容器跨越大部分网格.

Shiny使用span4作为侧栏(4/12 =页面的1/3),8用于主面板(8/12 =页面的2/3).

老实说,我认为它应该是3/9或2/12,但使用上述技巧并不是很难根据你的需要设计风格.