Clever Geek Handbook

How to change Navbar color in Shiny

I am trying to set the background color of the navbar in Shiny to blue. I have tried a modified bootstrap.css that works successfully in HTML on boot. However, I am unable to change the background color in shiny mode using the recommended method navbarPage("Testing", theme="bootstrap.css",

.

shinyUI(fluidPage(title="Testing", 
  navbarPage("App Title", theme="bootstrap.css",
  tabPanel("Plot"),
  tabPanel("Summary"),
  tabPanel("Table", helpText("Testing"))
)))

I have also tried the following code unsuccessfully tags$style(type = "text/css", ".navbar {background-color: blue;}")

. Any advice would be appreciated.

+3


source to share


1 answer


The problem was that I was using bootstrap version 3.2.0. I solved the problem using a modified version of bootstrap.css 2.3.2. This is consistent with the current RStudio Shiny site, which states: "Note: The 'Shiny User Interface' is built using the Bootstrap 2.3.2 HTML / CSS framework. CSS files designed to work with Bootstrap 2.3.2 will work better with Shiny ".



+2


source






More articles:


All Articles