Create a column within a UI definition

column(width, ..., offset = 0)

Arguments

width The grid width of the column (must be between 1 and 12)
... Elements to include within the column
offset The number of columns to offset this column from the end of the previous column.

Create a column within a UI definition

Value

A column that can be included within a fluidRow or fixedRow.

Description

Create a column for use within a fluidRow or fixedRow

Examples

fluidRow(
  column(4,
    sliderInput("obs", "Number of observations:",
                min = 1, max = 1000, value = 500)
  ),
  column(8,
    plotOutput("distPlot")
  )
)



<div class="row-fluid">
  <div class="span4">
    <div>
      <label class="control-label" for="obs">Number of observations:</label>
      <input id="obs" type="slider" name="obs" value="500" class="jslider" data-from="1" data-to="1000" data-step="1" data-skin="plastic" data-round="FALSE" data-locale="us" data-format="#,##0.#####" data-smooth="FALSE"/>
    </div>
  </div>
  <div class="span8">
    <div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
  </div>
</div> 




fluidRow(
  column(width = 4,
    "4"
  ),
  column(width = 3, offset = 2,
    "3 offset 2"
  )
)



<div class="row-fluid">
  <div class="span4">4</div>
  <div class="span3 offset2">3 offset 2</div>
</div>

See also

fluidRow, fixedRow.