Question

我正在使用rMarkdown和rStudio的flexdashboard软件包开发一个项目。它很棒。我唯一挣扎的是改变导航栏的方向。默认情况下，它出现在html文件的顶部，我希望它在左侧，每个按钮都水平显示。有没有办法做到这一点？感谢您的投入！

Answer 1

您应该能够做到这一点，尽管不确定如何做到。只要可以hide the bar或change it's color，就可以将其移至左侧，以编辑CSS / HTML代码。尝试编辑和导航栏的float属性。

另一种可能性是，如果这对您来说不成问题，您还可以尝试使用ShinyDashboard，其主菜单位于左侧。

Answer 2

我尝试了一些似乎可行的方法（尽管可能不是我的CSS专家，但可能会得到改善……）

    ---
    title: "test"
    output: 
      flexdashboard::flex_dashboard:
    ---

   <style>
    .navbar {
      margin: 0;
      padding: 0;
      height: 100%;
      display: block;
      position: fixed;
      width: 200px; /* Modify the width of the sidebar */
    }
    body {
      margin-left: 200px; /* Add a left margin to avoid content overlay */
      padding-top:0px
    }
    </style>

更改导航栏flexdashboard的方向

2 个答案: