2015-03-31 52 views
2

我对css很新,所以也许我问的是错误的问题,但是当我使用navbarPage时,我是否将css添加到我的web应用程序中?当我加入我自己的添加只是一些文字和背景颜色的CSS ...如何找到我的闪亮应用程序的现有css?

<STYLE TYPE='text/css'> 
/* CSS generated at csscreator.com */ 
BODY{background-color:#36454f; } 
P{color:#999999; } 
</STYLE> 

...它去掉了导航栏,我的选项卡现在只是超链接下面我的主标题。为什么是这样?

ui.R

library(shiny) 

shinyUI(navbarPage("main title", theme = "www/my_css.css", 
    tabPanel("Dashboard", 
      plotOutput("plot1",  width = "1600px"), 
      plotOutput("plot2",  width = "1600px"), 
      plotOutput("plot3", width = "1600px"), 
      actionButton("refresh", "Refresh now")), 
    tabPanel("About" , p("test")) 
    ) 
) 

有没有办法看到,从生产应用程序创建的CSS?

回答

3

如何访问Shiny应用程序的CSS?

这可能不是最好的方式,但我做的方式(在Chrome版本41.0.2272.101)是通过右键单击页面,点击“查看页面源代码”选项。一旦新选项卡打开,您可以看到它是与您的Shiny应用程序对应的HTML文件。这个HTML文件的顶部包含在语句中的应用程序中使用CSS文件的引用,如:

<link href="shared/datepicker/css/datepicker.css" rel="stylesheet" /> 

点击“共享/ ...”的路径,你就可以看到CSS文件

添加自定义CSS

我会说实话,我还没有试过这样做,但this article可能会提供一些见解。

+0

感谢您的回答。我觉得在考虑如何更好地提出问题之后,我不得不重新提出这个问题。 http://stackoverflow.com/questions/29361182/how-can-i-simply-add-a-css-file-to-change-the-background-color-for-my-shiny-app – cylondude 2015-03-31 05:28:24

相关问题