title: Shiny Dashboard: Sticky Footer in dashboardSidebar
body: <p>I am trying to build a Shiny Dashboard with a footer in the <code>dashboardSidebar</code>, that is sticky to the bottom of the viewport. For this, I am trying to use custom CSS styling as suggested <a href="http://ryanfait.com/sticky-footer/layout.css" rel="nofollow">here</a> (one of many search results when Googling "footer bottom bootstrap") : </p>
  
  <pre><code># create an example for the SO question on sticky footer
  library(shiny)
  library(shinydashboard)
  
  # sidebar
  so_sidebar = dashboardSidebar(
    sidebarMenu(
      menuItem(
        text = "Some text."
      )
    ),
    # footer here
    tags$footer(
      tags$p("Footer message here."), 
      style = "
        * {
      margin: 0;
    }
    html, body {
      height: 100%;
    }
    .wrapper {
      min-height: 100%;
      height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
      height: 100%;
      margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
    }
    .footer, .push {
      height: 155px; /* .push must be the same height as .footer */
    }
  
    /*
  
    Sticky Footer by Ryan Fait
    http://ryanfait.com/
  
    */"
    )
  
  )
  
  # compose the dashboard
  so_ui = dashboardPage(
    header = dashboardHeader(
      title = "SO question"
    ), 
    sidebar = so_sidebar, 
    body = dashboardBody()
  )
  
  # run the application
  shiny::shinyApp(
    ui = so_ui, 
    server = shinyServer(function(input, output) {})
  )
  </code></pre>
  
  <p>Since I have never worked with custom CSS before, I am not sure I am using the CSS right. I am following the instructions <a href="http://shiny.rstudio.com/articles/css.html" rel="nofollow">here</a>.</p>
  
  <p>Can someone help with getting this CSS right, or with any other suggestions on a footer that is sticky to the bottom of the viewable area in the sidebar of a Shiny Dashboard?</p>