How to change the UI theme of Shiny

1,641 views
Skip to first unread message

Balaji Subudhi

unread,
Nov 7, 2013, 3:56:46 AM11/7/13
to shiny-...@googlegroups.com
Hello Everyone,

Is there any way to change the UI theme of shiny. Except then the standard twitter bootstrap theme.

Regards

Balaji Subudhi 

Patrick Toche

unread,
Nov 7, 2013, 8:38:36 AM11/7/13
to shiny-...@googlegroups.com
This sounds like a question I asked myself two days ago: does the following help?

http://stackoverflow.com/questions/19777515/r-shiny-mainpanel-display-style-and-font
Message has been deleted

Stéphane Laurent

unread,
Nov 13, 2013, 10:43:29 AM11/13/13
to shiny-...@googlegroups.com
@ZJ your link leads to localhost:8100

Le mercredi 13 novembre 2013 16:30:57 UTC+1, ZJ a écrit :
spark.rstudio.com/xiaodai/SkyScorer_alpha



Yes it's possible see my app. The steps you need to follow are roughly

1. Download your favourite theme's css
2. Put the css into the www folder somewhere
3. Put this into your HTML('<link rel="stylesheet" type="text/css" href="/cerulean/bootstrap.min.css"/>')
4. change the href to the relative path in your www folder

Let me know if you have further questions.



On Thursday, November 7, 2013 4:56:46 PM UTC+8, Balaji Subudhi wrote:
Message has been deleted

ZJ

unread,
Nov 13, 2013, 12:03:34 PM11/13/13
to shiny-...@googlegroups.com
spark.rstudio.com/xiaodai/SkyScorer_alpha



Yes it's possible see my app. The steps you need to follow are roughly

1. Download your favourite theme's css
2. Put the css into the www folder somewhere
3. Put this into your HTML('<link rel="stylesheet" type="text/css" href="/cerulean/bootstrap.min.css"/>')
4. change the href to the relative path in your www folder

Let me know if you have further questions.


On Thursday, November 7, 2013 4:56:46 PM UTC+8, Balaji Subudhi wrote:

ga.ch...@gmail.com

unread,
Nov 15, 2013, 5:27:13 AM11/15/13
to shiny-...@googlegroups.com
You can also directly write CSS within ui.R using tags$style as an UI element:
This change backgroud color to dark grey :

 tags$style(type="text/css", "body { background-color: #444; }")
Reply all
Reply to author
Forward
0 new messages