使用CSS或参数来增加shiny应用程序中`icon()`的大小。

huangapple go评论67阅读模式
英文:

How to increase the icon() size in a shiny app using css or parameter

问题

你想增加shiny应用中icon()的大小,你可以使用以下代码:

library(shiny)

ui <- fluidPage(
  tags$head(
    tags$link(rel = "stylesheet", type = "text/css", href = "styles.css")
  ),
  
  # 你的UI代码的其余部分
  icon("square_check", class = "fa", style = "font-size: 24px;")  # 通过添加style属性来增加图标大小
  # ...
)

server <- function(input, output) {
  # 服务器端代码
  # ...
}

shinyApp(ui, server)

这段代码中,通过在icon()函数中添加style属性并设置font-size来增加图标的大小。

英文:

How can I increase the size of the icon() in a shiny app

library(shiny)

ui &lt;- fluidPage(
  tags$head(
    tags$link(rel = &quot;stylesheet&quot;, type = &quot;text/css&quot;, href = &quot;styles.css&quot;)
  ),
  
  # Rest of your UI code
  icon(&quot;square_check&quot;, class = &quot;fa&quot;)  # Apply the &quot;fa&quot; class to the icon
  # ...
)

server &lt;- function(input, output) {
  # Server code
  # ...
}

shinyApp(ui, server)

答案1

得分: 2

你可以尝试:

icon("square_check", class = "fa", style = "font-size: 30px;")
英文:

You can try

icon(&quot;square_check&quot;, class = &quot;fa&quot;, style = &quot;font-size: 30px;&quot;)

答案2

得分: 1

The css property is font-size

library(shiny)

ui &lt;- fluidPage(
  icon(&quot;home&quot;),
  icon(&quot;home&quot;, style = &quot;font-size: 24px;&quot;),
  icon(&quot;home&quot;, style = &quot;font-size: 40px;&quot;)
)

server &lt;- function(input, output) {
  # 服务器代码
  # ...
}

shinyApp(ui, server)

使用CSS或参数来增加shiny应用程序中`icon()`的大小。

英文:

The css property is font-size

library(shiny)

ui &lt;- fluidPage(
  icon(&quot;home&quot;),
  icon(&quot;home&quot;, style = &quot;font-size: 24px;&quot;),
  icon(&quot;home&quot;, style = &quot;font-size: 40px;&quot;)
)

server &lt;- function(input, output) {
  # Server code
  # ...
}

shinyApp(ui, server)

使用CSS或参数来增加shiny应用程序中`icon()`的大小。

huangapple
  • 本文由 发表于 2023年5月25日 20:17:57
  • 转载请务必保留本文链接:https://go.coder-hub.com/76332192.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定