gpt4 book ai didi

html - 使用 HTML 的 R Shiny 输出的属性

转载 作者:行者123 更新时间:2023-11-28 03:08:58 25 4
gpt4 key购买 nike

给定的脚本在 r shiny 中创建了一个 Action 按钮和一个 slider 。如果我想在 html 脚本中为 {{ button }} 提供某些属性,例如位置、左边距、高度和宽度,请帮助我。

<!-- template.html -->
<html>
<head>
{{ headContent() }}
</head>
<body>
<div>
{{ button }}
{{ slider }}
</div>
</body>
</html>

## ui.R ##
htmlTemplate("template.html",
button = actionButton("action", "Action"),
slider = sliderInput("x", "X", 1, 100, 50)
)

最佳答案

可重现的示例,请注意,可以使用 #action 选择器直接设置操作按钮的样式,但是 slider 输入有容器,因此 slider 的定位应在容器级别完成,不能通过选择 id 来完成。据我所知,css 选择器没有等同于 jquery :has()

library(shiny)
shinyApp(
ui <- fluidPage(
fluidRow(actionButton("action", "Action"),sliderInput("x", "X", 1, 100, 50)),
tags$head(
tags$style('#action { margin:3px;border:2px solid green;padding 20px;}
.slider-custom-format { margin:3px;border:1px solid red;}
.slider-custom-format .irs-bar,.slider-custom-format .irs-bar-edge{background:red;}'),
tags$script('$(function(){
$(".form-group.shiny-input-container:has(#x)").addClass("slider-custom-format")
})')
)
),
server <- function(input, output) {})

关于html - 使用 HTML 的 R Shiny 输出的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45815775/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com