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"/>
</div>
</form>
</div>
<div class="col-sm-8">
<div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
</div>
</div>
</div>