Styling Shiny apps with Sass and Bootstrap 4 - Joe Cheng

January 30, 2020 Joe Cheng
Customizing the style--fonts, colors, margins, spacing--of Shiny apps has always been possible, but never as easy as we’d like it to be. Canned themes like those in the shinythemes package can easily make apps look slightly less generic, but that’s small consolation if your goal is to match the visual style of your university, corporation, or client. In theory, one can "just" use CSS to customize the appearance of your Shiny app, the same as any other web application. But in practice, the use of large CSS frameworks like Bootstrap means significant CSS expertise is required to comprehensively change the look of an app. Relief is on the way. As part of a round of upgrades to Shiny’s UI, we’ve made fundamental changes to the way R users can interact with CSS, using new R packages we’ve created around Sass and Bootstrap 4. In this talk, we’ll show some of the features of these packages and tell you how you can take advantage of them in your apps.

About the Author

Joe Cheng

Joe Cheng is the Chief Technology Officer at RStudio and was the original creator of the Shiny web framework, and continues to work on packages at the intersection of R and the web.

Follow on Twitter Visit Website More Content by Joe Cheng
Previous Video
Reproducible Shiny apps with shinymeta - Dr. Carson Sievert
Reproducible Shiny apps with shinymeta - Dr. Carson Sievert

Shiny makes it easy to take domain logic from an existing R script and wrap some reactive logic around it t...

Next Video
Making the Shiny Contest - Mine Çetinkaya-Runde
Making the Shiny Contest - Mine Çetinkaya-Runde

In January 2019 RStudio launched the first-ever Shiny contest to recognize outstanding Shiny applications a...