Create a row with columns that dynamically resize Must use div(class = 'column', ...) or col_auto() for internal columns to function properly.

Create a row with columns that dynamically resize Must use div(class = 'column', ...) or col_auto() for internal columns to function properly.

Usage

dynamic_row(...)

Arguments

...

Elements to include within the page

Value

A UI definition that can be passed to the shinyUI function.

See also

Other ui: acc_list(), add_sass(), box_list(), bs4Alert(), bs_extract_status(), bs_statuses, col_10(), col_11(), col_12(), col_1(), col_2(), col_3(), col_4(), col_5(), col_6(), col_7(), col_8(), col_9(), col_auto(), copyright(), css_props(), enurl(), fa_arrow_icon(), icon_sb(), infoIcon(), jq_hide(), list_to_li(), list_to_p(), make_action_button(), make_columns(), rep_br(), tagRemoveAttributes(), ui_row(), ui_tabs(), undisplay(), with_red_star()

Examples

dynamic_row(col_auto(bs4Dash::box(width = 12)), col_auto(bs4Dash::box(width = 12)))
#> <div class="row" style="display: grid; grid-template-columns: 1 fr 1 fr; grid-template-areas: &quot;a a&quot;;">
#>   <div class="column">
#>     <div class="col-sm-12">
#>       <div class="card bs4Dash ">
#>         <div class="card-header">
#>           <h3 class="card-title">‌</h3>
#>           <div class="card-tools float-right">
#>             <button class="btn btn-tool btn-sm" type="button" data-card-widget="collapse">
#>               <i class="fas fa-minus" role="presentation" aria-label="minus icon"></i>
#>             </button>
#>           </div>
#>         </div>
#>         <div class="card-body"></div>
#>       </div>
#>       <script type="application/json">{"solidHeader":true,"width":12,"collapsible":true,"closable":false,"maximizable":false,"gradient":false}</script>
#>     </div>
#>   </div>
#>   <div class="column">
#>     <div class="col-sm-12">
#>       <div class="card bs4Dash ">
#>         <div class="card-header">
#>           <h3 class="card-title">‌</h3>
#>           <div class="card-tools float-right">
#>             <button class="btn btn-tool btn-sm" type="button" data-card-widget="collapse">
#>               <i class="fas fa-minus" role="presentation" aria-label="minus icon"></i>
#>             </button>
#>           </div>
#>         </div>
#>         <div class="card-body"></div>
#>       </div>
#>       <script type="application/json">{"solidHeader":true,"width":12,"collapsible":true,"closable":false,"maximizable":false,"gradient":false}</script>
#>     </div>
#>   </div>
#> </div>