pageWithSidebar

pageWithSidebar(headerPanel, sidebarPanel, mainPanel)

Arguments

headerPanel	The headerPanel with the application title
sidebarPanel	The sidebarPanel containing input controls
mainPanel	The mainPanel containing outputs

Value

A UI defintion that can be passed to the shinyUI function

Description

Create a Shiny UI that contains a header with the application title, a sidebar for input controls, and a main area for output.

Note

This function is deprecated. You should use fluidPage along with sidebarLayout to implement a page with a sidebar.

Examples

# Define UI
shinyUI(pageWithSidebar(

  # Application title
  headerPanel("Hello Shiny!"),

  # Sidebar with a slider input
  sidebarPanel(
    sliderInput("obs",
                "Number of observations:",
                min = 0,
                max = 1000,
                value = 500)
  ),

  # Show a plot of the generated distribution
  mainPanel(
    plotOutput("distPlot")
  )
))
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <h1>Hello Shiny!</h1>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-4">
      <form class="well">
        <div class="form-group shiny-input-container">
          <label class="control-label" for="obs">Number of observations:</label>
          <input class="js-range-slider" id="obs" data-min="0" data-max="1000" data-from="500" data-step="1" data-grid="true" data-grid-num="10" data-grid-snap="false" data-prettify-separator="," data-keyboard="true" data-keyboard-step="0.1" data-drag-interval="true" data-data-type="number"/>
        </div>
      </form>
    </div>
    <div class="col-sm-8">
      <div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
    </div>
  </div>
</div>