CODEWITHSUNDEEP
rshiny
Sam Kingston
Sam Kingston

Reputation: 877

Change the color of action button in shiny

I am trying to change the color of the action button from gray to orange.

actionButton("run","Run Analysis")

(This is in server.R.) Is it possible to change its color?

Upvotes: 56

Views: 62603

Answers (3)

Megatron
Megatron

Reputation: 17089

Below, I've made your action button look like a submit button (also adding a font-awesome icon):

actionButton("run", "Run Analysis", icon("paper-plane"), 
    style="color: #fff; background-color: #337ab7; border-color: #2e6da4")

Upvotes: 126

RmIu
RmIu

Reputation: 4467

As @MLavoie mentioned, you can embed CSS in your shiny app using tags$head. Try this:

library(shiny)

ui <- shinyUI(fluidPage(
  tags$head(
    tags$style(HTML('#run{background-color:orange}'))
  ),
  actionButton("run","Run Analysis")
))
server <- shinyServer(function(input, output) {

})
shinyApp(ui, server)

If you're unfamiliar to CSS, w3schools has really good and easy tutorials.

Upvotes: 24

Clemsang
Clemsang

Reputation: 5481

You can use boostrap colors in the class attribute:

actionButton("run","Run Analysis", class = "btn-warning")

These are basic colors only but really usefull for graphic standards.

Upvotes: 24

Related Questions