Brilliant presentation (ioslides): custom CSS and logo

I have the following installed:

  • RStudio Preview Release 0.98.864 (May 24, 2014)
  • knitr and brilliant development options, via devtools :: install_github (c ("yihui / knitr", "rstudio / shiny"))

I would like to create a brilliant presentation (RStudio menu items: File> New File> RMarkdow> Shiny> Shiny Presentation) with custom CSS, but I'm not sure how to do this.

My custom CSS (which is currently changing the color of the header 2)

h2 { font-size:1.8em; color: red; } 

works with an excerpt from the example presented in RMarkdown PR ads with the ioslides web page :

 --- title: "Habits" author: John Doe date: March 22, 2005 output: ioslides_presentation: css: temp.css --- ## Getting up - Turn off alarm - Get out of bed 

However, when I convert this to create Shiny output by including runtime: Shiny in the preamble, custom formatting no longer works.

 --- title: "Habits" author: John Doe date: March 22, 2005 runtime: shiny output: ioslides_presentation: css: temp.css --- ## Getting up - Turn off alarm - Get out of bed ## Slide with Interactive Plot ```{r, echo=FALSE} inputPanel( selectInput("n_breaks", label = "Number of bins:", choices = c(10, 20, 35, 50), selected = 20), sliderInput("bw_adjust", label = "Bandwidth adjustment:", min = 0.2, max = 2, value = 1, step = 0.2) ) renderPlot({ hist(faithful$eruptions, probability = TRUE, breaks = as.numeric(input$n_breaks), xlab = "Duration (minutes)", main = "Geyser eruption duration") dens <- density(faithful$eruptions, adjust = input$bw_adjust) lines(dens, col = "blue") }) ``` 

Any advice on how to use custom CSS with a brilliant presentation is welcome.

Edit Like this problem, I was unable to include my own logo by including the following in the front question (obviously, changing png to one in my own system):

 output: ioslides_presentation: logo: logo.png 

and my ordered lists do not show the number Thank you.

+7
r shiny rstudio knitr r-markdown
source share
1 answer

The issue , open to css user support, was closed on June 24, 2014.

Testing with the source text of the question does show h2 headers colored as indicated in css, also checked the addition of logo: Rlogo-1.png , and indeed, the logo is used.

+2
source share

All Articles