pageWithSidebar(headerPanel, sidebarPanel, mainPanel)


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


A UI defintion that can be passed to the shinyUI function


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


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


# 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>