在shiny中,可以使用actionButton
函数创建一个带有标签和图标的按钮。默认情况下,标签显示在图标的左侧。如果想要更改标签和图标的顺序,可以使用HTML和CSS来自定义按钮的样式。
以下是一种实现的方法:
tags$span
函数创建一个包含标签和图标的HTML元素。例如,如果要将标签显示在图标的右侧,可以使用以下代码:label <- tags$span("标签", class = "label")
icon <- tags$span(class = "glyphicon glyphicon-icon")
tags$button
函数创建一个按钮,并将上一步创建的HTML元素作为按钮的内容。同时,为按钮添加一个自定义的CSS类,以便后续样式修改。button <- tags$button(class = "my-button", label, icon)
ui <- fluidPage(
button
)
tags$head
函数中添加tags$style
标签来定义自定义的CSS样式。server <- function(input, output) {
output$myButton <- renderUI({
tags$head(
tags$style("
.my-button .label {
order: 2;
}
.my-button .glyphicon {
order: 1;
}
")
)
button
})
}
在上述代码中,.my-button .label
选择器用于选择按钮中的标签元素,.my-button .glyphicon
选择器用于选择按钮中的图标元素。通过设置order
属性,可以更改它们在按钮中的顺序。
请注意,上述代码中的CSS选择器和样式仅供参考,具体的选择器和样式可能需要根据实际情况进行调整。
这是一个示例代码,用于在shiny中更改actionButton
中标签和图标的顺序。您可以根据自己的需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云