首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Flexdashboard多属性页

Flexdashboard多属性页
EN

Stack Overflow用户
提问于 2017-12-08 10:08:29
回答 2查看 3.8K关注 0票数 8

我正在学习柔性仪表板,并为未来的应用尝试一些不同的布局。但是我很难为同一个页面分配不同的属性。

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

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

我怎么把它们结合起来?这一定是可能的,因为我无法想象我必须选择给我的页面一个行格式和把它放在下拉菜单中.

这是我使用的代码:

代码语言:javascript
复制
title: "My flexdash"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
runtime: shiny
---

```{r setup, include=FALSE}

图书馆(柔性仪表板)

代码语言:javascript
复制
Page 1 {data-navmenu="Menu A"}
======================================    
Column {data-width=350}
-----------------------------------------------------------------------
### Chart A
```{r}
代码语言:javascript
复制
Column {data-width=650}
-----------------------------------------------------------------------
### Chart B
```{r}
代码语言:javascript
复制
# 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}
代码语言:javascript
复制
Row {data-width=350}
-----------------------------------------------------------------------
### Chart D
```{r}
代码语言:javascript
复制
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-12-08 11:03:22

找到了答案:我只需要用一个空间把他们分开.

代码语言:javascript
复制
Page 2 {data-orientation=rows data-navmenu="Menu A" data-icon="fa-list"}
票数 16
EN

Stack Overflow用户

发布于 2018-04-06 11:53:00

谢谢-我没有同样的问题(下拉+故事板),但你的rmd片段正是我需要解决的问题!也就是说,只是保持两个布局并行,而不是将一个布局修整到另一个布局中。

代码语言:javascript
复制
Responsable Conception Produit {data-navmenu="Competences par Métier"}
=========================================
<br>
<br>


```{r echo=FALSE, message=FALSE, warning=FALSE, results='asis'}

负责任概念生产

代码语言:javascript
复制
...
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47712019

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档