Alexhaoge/Customize-Shiny-with-HTML-CSS

Customize Shiny UI and Rmarkdown with HTML and CSS

Customize Shiny with HTML/CSS

This repository contains the codes and slides of computational tutorial Customize Shiny UI with HTML and CSS at Latent Structural Lab, Department of Statistics, UW-Madison, 01/24/2022.

Table of Contents

• Embedding HTML/CSS into Markdown for Customization
• HTML Basics
• Using HTML in Shiny
  • With htmltools - example
  • HTML Templates - example1 example2
• CSS Basics
• Using CSS in Shiny - example
• Importing External CSS and JavaScript Dependencies
  • Example
• Bootstrap - Easy Way to Write Beautiful UI
  • bslib - Change Boostrap Version and Customize Theme
  • Video
• An even easier solution!
  • Example and Video
• Browser Developer Tools
• Reference