Adding tooltip to disabled button in Shiny?

Question

In R/Shiny, I would like to add a tooltip to inform the user that a button is disabled because mandatory fields aren't completed.

I am able to get a tooltip to display using the ShinyBS package, however it does not seem to work when the button is disabled. Below is a minimum working example.

Is there an easy fix to get a tool tip to work on a disabled button in Shiny?

ui.R

library(shinyBS)
library(shiny)
library(shinyjs)


shinyUI(pageWithSidebar(
headerPanel("actionButton test"),
sidebarPanel(
numericInput("n", "N:", min = 0, max = 100, value = 50),
br(),
actionButton("goButton", "Disabled!"),
actionButton("goButton2", "Go!"),
bsTooltip("goButton", "Tooltip broken", placement = "bottom", trigger = "hover",
           options = NULL),
bsTooltip("goButton2", "Tooltip works", placement = "bottom", trigger = "hover",
           options = NULL)
),
 mainPanel(useShinyjs(),
 verbatimTextOutput("nText")
)
))

server.R

library(shiny)
library(shinyjs)
library(shinyBS)

shinyServer(function(input, output,session) {

ntext <- eventReactive(input$goButton, {
input$n
})

shinyjs::disable("goButton2")

output$nText <- renderText({
 ntext()
})
})

Pork Chop · Accepted Answer · 2022-02-18T13:02:04.653

12

This is one way of solving your problem, by providing the title to your buttons instead:

#rm(list=ls())
library(shinyBS)
library(shiny)
library(shinyjs)

ui <- pageWithSidebar(
  headerPanel("actionButton test"),
  sidebarPanel(numericInput("n", "N:", min = 0, max = 100, value = 50),
    tags$div(style="display:inline-block",title="Tooltip broken",actionButton("goButton", "Disabled!")),
    tags$div(style="display:inline-block",title="Tooltip works",actionButton("goButton2", "Go!"))    
  ),
  mainPanel(useShinyjs(),
            verbatimTextOutput("nText")
  )
)

server <- shinyServer(function(input, output,session) {
  
  ntext <- eventReactive(input$goButton, {input$n})
  shinyjs::disable("goButton2")
  output$nText <- renderText({ntext()})
  
})
shinyApp(ui = ui, server = server)

edited Feb 18 '22 at 13:02

answered Jul 06 '16 at 07:19

Pork Chop

28,528
5
63
77

Thanks for the solution - is it just me or is there an occasional delay in showing the tooltip with this approach? – Iain Jul 06 '16 at 22:57
Yes there would be a delay, you can overwrite this with custom `JS` but i don't think its necessary – Pork Chop Jul 07 '16 at 07:07

Adding tooltip to disabled button in Shiny?

1 Answers1