navlistPanel
navlistPanel(..., id = NULL, selected = NULL, well = TRUE, fluid = TRUE, widths = c(4, 8))
Arguments
... | tabPanel elements to include in the navlist |
---|---|
id | If provided, you can use input$ id in your
server logic to determine which of the current navlist items is active. The
value will correspond to the value argument that is passed to
tabPanel . |
selected | The value (or, if none was supplied, the title )
of the navigation item that should be selected by default. If NULL ,
the first navigation will be selected. |
well | TRUE to place a well (gray rounded rectangle) around the
navigation list. |
fluid | TRUE to use fluid layout; FALSE to use fixed
layout. |
widths | Column withs of the navigation list and tabset content areas respectively. |
Create a navigation list panel
Description
Create a navigation list panel that provides a list of links on the left which navigate to a set of tabPanels displayed to the right.
Details
You can include headers within the navlistPanel
by
including plain text elements in the list; you can include separators by
including "------" (any number of dashes works).
Examples
shinyUI(fluidPage( titlePanel("Application Title"), navlistPanel( "Header", tabPanel("First"), tabPanel("Second"), "-----", tabPanel("Third") ) ))<div class="container-fluid"> <h2 style="padding: 10px 0px;">Application Title</h2> <div class="row-fluid"> <div class="span4 well"> <ul class="nav nav-list"> <li class="nav-header">Header</li> <li class="active"> <a href="#tab-7177-1" data-toggle="tab">First</a> </li> <li> <a href="#tab-7177-2" data-toggle="tab">Second</a> </li> <li class="divider"></li> <li> <a href="#tab-7177-3" data-toggle="tab">Third</a> </li> </ul> </div> <div class="span8"> <div class="tab-content"> <div class="tab-pane active" id="tab-7177-1"></div> <div class="tab-pane" id="tab-7177-2"></div> <div class="tab-pane" id="tab-7177-3"></div> </div> </div> </div> </div>