I found this tutorial here that I want to follow: https://beta.rstudioconnect.com/jjallaire/htmlwidgets-showcase-storyboard/htmlwidgets-showcase-storyboard.html
I would like to try and find a way to remove the "empty spaces" that appear in the tabs (e.g. remove the spaces below the red line):
Is there a way to do this in R? I tried to follow the advice recommended in this post over here (Format tab icon size in R flexdashboard) and manually change the font size in hopes that this would work:
---
title: "Untitled"
output:
flexdashboard::flex_dashboard:
orientation: columns
vertical_layout: fill
---
```{r setup, include=FALSE}
library(flexdashboard)
```
<style>
.active {
font-size:15px;
}
</style>
a_tab_name {data-icon="fa-calendar"}
=====================================
Column {data-width=150}
-----------------------------------------------------------------------
### Chart B
```{r}
```
### Chart C
```{r}
```
This seemed to have worked - but is there an automatic way to instruct R to remove all empty spaces in these tabs?
Thank you!
Use height: auto
---
title: "HTML Widgets Showcase"
output:
flexdashboard::flex_dashboard:
storyboard: true
social: menu
source: embed
---
```{r setup, include=FALSE}
library(flexdashboard)
```
```{css}
.storyboard-nav .sbframelist ul li {
height: auto;
}
```
### Leaflet is a JavaScript library for creating dynamic maps that support panning and zooming along with various annotations.
### d3heatmap creates interactive D3 heatmaps including support for row/column.
### Dygraphs provides rich facilities for charting time-series data in R and includes support for many interactive features.
### Plotly provides bindings to the plotly.js library
Which looks like,
Related
I used a different color on sections and subsections in my rmarkdown document, but in the reader the names in sections (bookmarks) pane are now blank.
\textcolor{mycolor}{My section}
It looks like even if I revert mycolor to black ({RGB}{0,0,0}), the issue persists, so I assume I'm incorrectly using the \textcolor{mycolor}{Section text to color}.
Is there another way? Also, is there a way to apply the same color to all sections/subsections?
Here is an arguably better approach to accomplish your goal of colored section headings:
---
title: "Untitled"
output: pdf_document
header-includes:
- \usepackage{sectsty}
- \sectionfont{\color{red}}
- \subsectionfont{\color{green}}
- \subsubsectionfont{\color{blue}}
---
```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```
# Section
This section header should be red.
## Subsection
This subsection header should be green.
### Subsubsection
This subsubsection header should be blue.
I have built a Shiny app through Flexdashboard and I'm having an isssue which I am incapable of solving. I embeded a local PDF file using this code (minimal reproducible example, remove the '##' but not the '###' to test it with any pdf you have):
---
title: "Random Title"
output:
flexdashboard::flex_dashboard:
orientation: columns
vertical_layout: fill
social: menu
runtime: shiny
---
## ```{r setup, include=FALSE}
library(flexdashboard)
library(shiny)
## ```
PDF
=====================================
### CV
## ```{r}
tags$iframe(style = "height:850px; width:100%; scrolling=yes", src = "randomPDF.pdf")
## ```
My problem is that when I run the App, it opens two tabs: one with the Shiny App (with the PDF well embeded, which is nice) but also a new tab only with the pdf. I want this to stop happening, and I'm struggling to achieve it.
The goal is to create a a page in Rmarkdown that contains two tabs each displaying different information. After over a dozen different tries I've decided it makes sense to ask since the closest I've gotten as shown in the image is two tabs both showing the same information. Not sure what it is I'm missing. I've searched a couple other questions and none of them address the issue.
This is the code that I have tried so far
---
title: test
output:
flexdashboard::flex_dashboard:
orientation: rows
vertical_layout: scroll
self_contained: false
---
Page
========================
## Try {.tabset}
### Tryto
```{r}
cat(paste("WORDSSSSS"))
```
### Work
```{r}
cat(paste("WORDSSSSSqqqqqqqqq"))
```
I included the single quotes here since it was messing with how things were displayed in SO so please remove.
Desired out put would have "WORDSSSSS" under the "Tryto" tab and "WORDSSSSqqqqqqqqqq" under "Work".
Thanks!
EDIT:
packages
---
title: "Test"
output: html_document
---
## Try {.tabset}
### Tryto
```{r}
cat(paste("WORDSSSSS"))
```
### Work
```{r}
cat(paste("WORDSSSSSqqqqqqqqq"))
```
I want to use ionicons icons when building a dashboard with flexdashboard.
From documentation ( https://rmarkdown.rstudio.com/flexdashboard/using.html#icon-sets )an example:
“ion-social-twitter”
When i search for same icon in iconicons website ( https://ionicons.com/ ) I get
<ion-icon name="logo-twitter"></ion-icon>
If in my R code I insert "ion-logo-twitter" it doesn't work. What's the correct name for icons of this website? Thanks
I had a similar icon issue with my R Markdown site. The explanation is that R Markdown is operating with an outdated version of ionicons (v2), which uses a different naming convention.
If you use the v2 ionicon names, found at https://ionicons.com/v2/cheatsheet.html, it should solve your problem.
A little hard to tell without more code, but the following should work:
---
title: "Column Orientation"
output: flexdashboard::flex_dashboard
---
```{r setup, include=FALSE}
library(flexdashboard)
```
Column
-------------------------------------
### Chart 1
```{r}
valueBox(42, icon = "ion-social-twitter")
```
Column
-------------------------------------
### Chart 2
```{r}
```
### Chart 3
```{r}
I'm learning flexdashboard and trying some different lay-outs for a future app. But I'm having trouble assigning different attributes for the same page.
I want the second page to have a row lay-out, be listed in nav-bar A and have an icon in front of the title.
When I write them like this: {data-orientation=rows, data-navmenu="Menu A", data-icon="fa-list"} none of them is used. When written like this: {data-orientation=rows}, {data-navmenu="Menu A"}, {data-icon="fa-list"} only the last one is executed and the first two are put in the page-title. When using the second one without commas, the same thing happens.
I haven't found any examples of muliple attributes for a page in the examples.
How do I combine them? It must be possible as I can't imagine I have to chose between giving my page a row-format and putting it in a drop-down menu...
This is the code I used:
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}
```
Found the answer: I only had to separate them by a space...
Page 2 {data-orientation=rows data-navmenu="Menu A" data-icon="fa-list"}
Thanks - I didn't have the same problem (dropdown + storyboard) but your rmd snippet was just what I needed to solve the problem! That is, just keeping the two layouts parallel instead of shoehorning one layout into another.
Responsable Conception Produit {data-navmenu="Competences par Métier"}
=========================================
<br>
<br>
```{r echo=FALSE, message=FALSE, warning=FALSE, results='asis'}
# Responsable Conception Produit
...
```