How to make conditionalPanel show menu item based on active tab in shinydashboard

user_2806034 0
Viewed 54

I am trying to make a shinydashboard with a bunch of different tabs that show up for different types of data. What I want is when a certain tabItem is selected, for a selectInput item to show up in the sidebar. (Eventually I would like for this to happen for multiple tabs, but I will work on just one tab for now.)

Here's an executable example of what I want:


library(shiny)
library(shinythemes)
library(shinydashboard)
library(tidyverse)

options(warn=-1)
data(iris)
data(mtcars)

tabset1 = tabsetPanel(id = "mtcars",
                            tabPanel(id = "mtplots","mtcars plots",
                                     fluidRow(box(title = "Plot1", plotOutput("mtcarsplot1"))
                            )),
                            
                            
                            tabPanel(id = "mttable","MTcars tables",
                                     fluidRow(box(title = "Table 1",  tableOutput("mtcarstable1")))
                            ))



tabset2 = tabsetPanel(id = "iris",
                      tabPanel(id = "iris","iris plots",
                               fluidRow(box(title = "Plot1", plotOutput("irisplot1"))
                               )),
                      
                      
                      tabPanel(id = "mttable","iris tables",
                               fluidRow(box(title = "Table 1",  tableOutput("iristable1")))
                      ))




# Define UI for application that draws a histogram
ui <- dashboardPage(

  
  dashboardHeader(),
  
  
  dashboardSidebar(
    sidebarMenu(
    menuItem("MTCARS", tabName = "mt", icon = icon("user-tie")),
    selectInput("mtvar", "Choose a variable", choices = colnames(mtcars)),
    sliderInput("mtlines", "Number of lines", 1,50,10),
    

# **I would like a conditionalPanel here such that if the tab mtplots is selected, a selectInput as below shows up - but only is visible for that tab **

#selectInput("colorvar", "choose a color", choices = c("red", "yellow", "green", "blue"))


menuItem("IRIS", icon = icon("envelope-open-text"), tabName = "ir"),    
    selectInput("irvar", "Choose a variable", choices = colnames(iris)),
    sliderInput("irislines", "Number of lines", 1,50,10)
    )
  ),
  
  dashboardBody(
    tabItems(
      tabItem("ir", tabset2),
      tabItem("mt", tabset1)
      )
      
    )
  )






# Begin Server ----------------------------------------------

server <- function(input, output, session) {
 
  output$mtcarsplot1=renderPlot({
    
    
    ggplot(mtcars, aes_string(x = input$mtvar)) + geom_histogram()
    
    
  })
  
  output$irisplot1=renderPlot({
    ggplot(iris, aes_string(x = input$irvar)) + geom_histogram()
    
    
  })
  
  
  output$mtcarstable1=renderTable({
    head(mtcars, input$mtlines)
    
  })
 
  
  output$iristable1=renderTable({
    head(iris, input$irislines)
    
  })
  
  
  
  
}

shinyApp(ui, server)
shinydashboard shiny r
1 Answers

You can use input$mtcars to determine which tab in the tabsetPanel is active. To render a dynamic/conditional UI element, you can use uiOutput/renderUI. In renderUI, I use req to only render it if the correct tabPanel is chosen:

library(shiny)
library(shinythemes)
library(shinydashboard)
library(tidyverse)

data(iris)
data(mtcars)

tabset1 = tabsetPanel(id = "mtcars",
                      tabPanel(id = "mtplots","mtcars plots",
                               fluidRow(box(title = "Plot1", plotOutput("mtcarsplot1"))
                               )),
                      
                      
                      tabPanel(id = "mttable","MTcars tables",
                               fluidRow(box(title = "Table 1",  tableOutput("mtcarstable1")))
                      ))



tabset2 = tabsetPanel(id = "iris",
                      tabPanel(id = "iris","iris plots",
                               fluidRow(box(title = "Plot1", plotOutput("irisplot1"))
                               )),
                      
                      
                      tabPanel(id = "mttable","iris tables",
                               fluidRow(box(title = "Table 1",  tableOutput("iristable1")))
                      ))




# Define UI for application that draws a histogram
ui <- dashboardPage(
  
  
  dashboardHeader(),
  
  
  dashboardSidebar(
    sidebarMenu(
      menuItem("MTCARS", tabName = "mt", icon = icon("user-tie")),
      selectInput("mtvar", "Choose a variable", choices = colnames(mtcars)),
      sliderInput("mtlines", "Number of lines", 1,50,10),
      
      
      # **I would like a conditionalPanel here such that if the tab mtplots is selected, a selectInput as below shows up - but only is visible for that tab **
      
      
      uiOutput("UI_conditional_input"),
      
      menuItem("IRIS", icon = icon("envelope-open-text"), tabName = "ir"),    
      selectInput("irvar", "Choose a variable", choices = colnames(iris)),
      sliderInput("irislines", "Number of lines", 1,50,10)
    )
  ),
  
  dashboardBody(
    tabItems(
      tabItem("ir", tabset2),
      tabItem("mt", tabset1)
    )
    
  )
)






# Begin Server ----------------------------------------------

server <- function(input, output, session) {
  
  output$mtcarsplot1=renderPlot({
    
    
    ggplot(mtcars, aes_string(x = input$mtvar)) + geom_histogram()
    
    
  })
  
  output$irisplot1=renderPlot({
    ggplot(iris, aes_string(x = input$irvar)) + geom_histogram()
    
    
  })
  
  
  output$mtcarstable1=renderTable({
    head(mtcars, input$mtlines)
    
  })
  
  
  output$iristable1=renderTable({
    head(iris, input$irislines)
    
  })
  
  output$UI_conditional_input <- renderUI({
    req(input$mtcars == "mtcars plots")
    selectInput("colorvar", "choose a color", choices = c("red", "yellow", "green", "blue"))
    
  })
  
  
  
  
}

shinyApp(ui, server)
user_126473150
Related