2015-11-09 6 views
16

Sto provando a cambiare il colore del pulsante di azione da grigio ad arancione.Cambia il colore del pulsante di azione in lucido

actionButton("run","Run Analysis") 

(Questo è in server.R.) E 'possibile cambiare il colore?

+0

è possibile utilizzare http://rstudio.github.io/shinythemes/ o, eventualmente, aggiungere tag $ head() (vedi http://shiny.rstudio.com/articles/tag-glossary.html) nel file ui.R – MLavoie

risposta

10

Come accennato @MLavoie è possibile incorporare i CSS nel vostro app lucido utilizzando tags$head, provate questo:

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) 

Se il poco familiare a CSS, W3Schools tutorial ha davvero buona e facile.

39

Qui di seguito, ho fatto il tuo pulsante di azione l'aspetto di un pulsante di invio (anche aggiungendo font-awesome icon):

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

qualsiasi idea di quali icone sono consentite? Ho provato un 'save' "fa-floppy-o" ma non è stato visualizzato .. –

+1

Come lo hai codificato? Come 'icona (" floppy-o ")'? – Megatron

+0

Fatto, grazie, lo stavo codificando come '" fa-floppy-o "', ma ha funzionato come '" floppy-o' –