disabled: Initialize a Shiny input as disabled

In shinyjs: Easily Improve the User Experience of Your Shiny Apps in Seconds

Description

Create a Shiny input that is disabled when the Shiny app starts. The input can be enabled later with toggleState() or enable().

Usage

disabled(...)

Arguments

...	Shiny input (or tagList or list of of tags that include inputs) to disable.

Value

The tag (or tags) that was given as an argument in a disabled state.

Note

shinyjs must be initialized with a call to useShinyjs() in the app's ui.

See Also

useShinyjs(), toggleState(), enable(), disable()

Examples

if (interactive()) {
  library(shiny)
  shinyApp(
    ui = fluidPage(
      useShinyjs(),  # Set up shinyjs
      actionButton("btn", "Click me"),
      disabled(
        textInput("element", NULL, "I was born disabled")
      )
    ),
    server = function(input, output) {
      observeEvent(input$btn, {
        enable("element")
      })
    }
  )
}

library(shiny)
disabled(numericInput("num", NULL, 5), dateInput("date", NULL))

Example output

Attaching package: 'shinyjs'

The following objects are masked from 'package:methods':

    removeClass, show


Attaching package: 'shiny'

The following object is masked from 'package:shinyjs':

    runExample

[[1]]
<div class="form-group shiny-input-container shinyjs-disabled">
  <input id="num" type="number" class="form-control" value="5"/>
</div>

[[2]]
<div class="shiny-date-input form-group shiny-input-container shinyjs-disabled" id="date">
  <input type="text" class="form-control" data-date-language="en" data-date-week-start="0" data-date-format="yyyy-mm-dd" data-date-start-view="month"/>
</div>

shinyjs documentation built on Dec. 23, 2021, 5:06 p.m.