Is there a possibility to update the step parameter in noUiSliderInput or to make it depend on min and max?

Question

Is there a possibility to update the step parameter in noUiSliderInput or to make it depend on min and max. It would also work to have a possibility to set that we want 10 steps for instance. Thanks.

Here is a reproducible example inspired from the updateNoUiSliderInput demo:

ui <- fluidPage(
  tags$h3("Update method"),
  tags$br(),
  
  fluidRow(
      panel(
        status = "danger", heading = "Update min/max",
        noUiSliderInput(
          inputId = "to_update_minmax",
          label = "Slider disable:",
          min = 0, max = 100, value = 50,
          colo = "#F2DEDE", 
          step = 10
        ),
        verbatimTextOutput(outputId = "res_update_minmax"),
        actionButton(inputId = "minmax_0_100", label = "Set min=0 & max=100"),
        actionButton(inputId = "minmax_1000_5000", label = "Set min=1000 & max=5000")
      ),
    )
  )
)

server <- function(input, output, session) {
  
  output$res_update_minmax <- renderPrint(input$to_update_minmax)
  observeEvent(input$minmax_0_100, {
    updateNoUiSliderInput(
      session = session,
      inputId = "to_update_minmax",
      range = c(0, 100), 
      step = 10 # this is not a valid argument for updateNoUiSliderInput !!!
    )
  })
  observeEvent(input$minmax_1000_5000, {
    updateNoUiSliderInput(
      session = session,
      inputId = "to_update_minmax",
      range = c(1000, 5000)
      step = 500 # this is not a valid argument for updateNoUiSliderInput !!!
    )
  })
  
}


shinyApp(ui, server)

It would also work with something like writing in the original noUiSliderInput: step = (max - min) / 10 but with min and max being the curent max values of the input or having a argument to set automatically the steps number and not the steps distance.

Thanks.

Answer 1

This will do what you want:

library(shiny)
library(shinyWidgets)
ui <- fluidPage(
    tags$h3("Update method"),
    tags$br(),
    
    fluidRow(
        panel(
            status = "danger", heading = "Update min/max",
            uiOutput("to_update_minmax_wrapper"),
            verbatimTextOutput(outputId = "res_update_minmax"),
            actionButton(inputId = "minmax_0_100", label = "Set min=0 & max=100"),
            actionButton(inputId = "minmax_1000_5000", label = "Set min=1000 & max=5000")
        )
    )
)

server <- function(input, output, session) {
    
    output$res_update_minmax <- renderPrint(input$to_update_minmax)
    output$to_update_minmax_wrapper <- renderUI({
        noUiSliderInput(
            inputId = "to_update_minmax",
            label = "Slider disable:",
            min = 0, max = 100, value = 50,
            colo = "#F2DEDE", 
            step = (100 - 0)/10
        )
    })
    
    observeEvent(input$minmax_0_100, {
        output$to_update_minmax_wrapper <- renderUI({
            noUiSliderInput(
                inputId = "to_update_minmax",
                label = "Slider disable:",
                min = 0, max = 100, value = 50,
                colo = "#F2DEDE", 
                step = (100 - 0)/10
            )
        })
    })
    observeEvent(input$minmax_1000_5000, {
        output$to_update_minmax_wrapper <- renderUI({
            noUiSliderInput(
                inputId = "to_update_minmax",
                label = "Slider disable:",
                min = 1000, max = 5000, value = mean(c(5000, 1000)),
                colo = "#F2DEDE", 
                step = (5000 - 1000)/10
            )
        })
    })
    
}


shinyApp(ui, server)

You are right step is not valid in updateNoUiSliderInput , but we can use renderUI to create a new one so you can use step .