2015-03-31 108 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

相關問題