Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

customize dialog window? #44

Open
Intangibil opened this issue Apr 19, 2022 · 1 comment
Open

customize dialog window? #44

Intangibil opened this issue Apr 19, 2022 · 1 comment

Comments

@Intangibil
Copy link

Was wondering if there are options to customize the description dialog, visually.
Initially something basic, like making the dialog window wider.

@Intangibil Intangibil changed the title customize dialog window customize dialog window? Apr 19, 2022
@etiennebacher
Copy link
Contributor

Hi, this can be done with some CSS. For example, to make the popover wider and have a black background:

library(shiny)
library(cicerone)

guide <- Cicerone$
  new()$
  step("one", "Try", "Try")

ui <- fluidPage(
  use_cicerone(),
  tags$head(
    tags$style(
      HTML("
        div#driver-popover-item {
          max-width: 800px;
          width: 800px;
          background-color: black;
          color: white
        }
      ")
    )
  ),
  h1("Try", id = "one")
)

server <- function(input, output){
  guide$init()$start()
}

shinyApp(ui, server)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants