【问题标题】:Flexdashboard multiple attributes pageFlexdashboard 多属性页面
【发布时间】:2018-05-22 13:28:25
【问题描述】:

我正在学习 flexdashboard 并为未来的应用尝试一些不同的布局。但我无法为同一页面分配不同的属性。

我希望第二页有一行布局,列在导航栏 A 中,并且在标题前有一个图标。 当我这样写它们时:{data-orientation=rows, data-navmenu="Menu A", data-icon="fa-list"} 没有一个被使用。当这样写时:{data-orientation=rows}, {data-navmenu="Menu A"}, {data-icon="fa-list"} 只执行最后一个,前两个放在页面标题中。当使用不带逗号的第二个时,会发生同样的事情。

我在examples 中没有找到任何页面的多重属性示例。

如何组合它们?这一定是可能的,因为我无法想象我必须在为我的页面提供行格式和将其放入下拉菜单之间做出选择...

这是我使用的代码:


title: "My flexdash"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
runtime: shiny
---

```{r setup, include=FALSE}
library(flexdashboard)
```

Page 1 {data-navmenu="Menu A"}
======================================    
Column {data-width=350}
-----------------------------------------------------------------------
### Chart A
```{r}

```
Column {data-width=650}
-----------------------------------------------------------------------
### Chart B
```{r}

```
# need these attributes to be working but invisible
Page 2 {data-orientation=rows}, {data-navmenu="Menu A"}, {data-icon="fa-list"}
=============================================   
Row {data-width=650}
-----------------------------------------------------------------------   
### Chart C 
```{r}

```
Row {data-width=350}
-----------------------------------------------------------------------
### Chart D
```{r}

```

【问题讨论】:

    标签: r flexdashboard


    【解决方案1】:

    找到答案:我只需要用空格隔开...

    Page 2 {data-orientation=rows data-navmenu="Menu A" data-icon="fa-list"}
    

    【讨论】:

    • 任何想法,我们如何将图标添加到data-navmenu ??
    【解决方案2】:

    谢谢 - 我没有遇到同样的问题(下拉菜单 + 故事板),但您的 rmd sn-p 正是我解决问题所需要的!也就是说,只需保持两种布局平行,而不是将一种布局硬塞到另一种布局中。

    Responsable Conception Produit {data-navmenu="Competences par Métier"}
    =========================================
    <br>
    <br>
    
    
    ```{r echo=FALSE, message=FALSE, warning=FALSE, results='asis'}
    # Responsable Conception Produit 
    

    ...

    ```

    【讨论】:

      猜你喜欢
      • 2021-08-08
      • 2018-05-02
      • 2019-06-25
      • 2017-08-30
      • 1970-01-01
      • 2016-10-19
      • 1970-01-01
      • 2020-01-23
      • 2018-08-05
      相关资源
      最近更新 更多