可拖动面板隐藏在其他面板后面

时间:2019-08-22 10:42:35

标签: r shiny

我制作了一个可拖动面板,但它隐藏在其他面板后面。

我在top中更改了变量absolutePanel,例如1 ,0或其他自然数,但是它不起作用。我不确定如何使用变量top

此外,可拖动面板是透明的,透明的颜色,因此很难看到。

如何将可拖动面板显示为最顶部的面板。  此外,如何使用非透明颜色对其进行着色。  颜色。

以下是可拖动面板的示例代码。

下图显示了带有某些面板的可拖动面板皮革,此外其颜色是透明的。 在该图中,还有一个由代码shinythemes::themeSelector()生成的可拖动面板,它既不透明也不隐藏。所以,我想做一个这样的面板。

enter image description here

library(shiny)

# Define UI for application that draws a histogram
ui <- fluidPage(
  shiny::tags$head(
    shinythemes::themeSelector()

  ),#taghead
  # Application title
  titlePanel("Old Faithful Geyser Data"),

  # Sidebar with a slider input for number of bins



    # Show a plot of the generated distribution
    mainPanel(

      absolutePanel(
        sliderInput("bins",
                    "Number of bins:",
                    min = 1,
                    max = 50,
                    value = 30),
        draggable = T
      ),
      plotOutput("distPlot")
    )

)

# Define server logic required to draw a histogram
server <- function(input, output) {

  output$distPlot <- renderPlot({
    # generate bins based on input$bins from ui.R
    x    <- faithful[, 2]
    bins <- seq(min(x), max(x), length.out = input$bins + 1)

    # draw the histogram with the specified number of bins
    hist(x, breaks = bins, col = 'darkgray', border = 'white')
  })
}

# Run the application
shinyApp(ui = ui, server = server)

使用@SeGa的CSS样式,我获得了以下内容:

enter image description here

1 个答案:

答案 0 :(得分:1)

如果使用此CSS片段怎么办?

css <- "
.ui-draggable {
 z-index: 100000;
 background-color: #cebfbf;
}"

并将其包含在用户界面中

  shiny::tags$head(
    shinythemes::themeSelector(),
    tags$style(css)
  )

能解决您的问题吗?