sidebarLayout
sidebarLayout(sidebarPanel, mainPanel, position = c("left", "right"), fluid = TRUE)
Arguments
sidebarPanel | The sidebarPanel containing input controls |
---|---|
mainPanel | The mainPanel containing outputs |
position | The position of the sidebar relative to the main area ("left" or "right") |
fluid | TRUE to use fluid layout; FALSE to use fixed
layout. |
Layout a sidebar and main area
Description
Create a layout with a sidebar and main area. The sidebar is displayed with a distinct background color and typically contains input controls. The main area occupies 2/3 of the horizontal width and typically contains outputs.
Examples
# Define UI shinyUI(fluidPage( # Application title titlePanel("Hello Shiny!"), sidebarLayout( # 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"> <h2 style="padding: 10px 0px;">Hello Shiny!</h2> <div class="row-fluid"> <div class="span4"> <form class="well"> <div> <label class="control-label" for="obs">Number of observations:</label> <input id="obs" type="slider" name="obs" value="500" class="jslider" data-from="0" data-to="1000" data-step="1" data-skin="plastic" data-round="FALSE" data-locale="us" data-format="#,##0.#####" data-smooth="FALSE"/> </div> </form> </div> <div class="span8"> <div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div> </div> </div> </div>