闪亮的滑块输入——如何控制闪亮的滑块的长度/宽度？答案

【问题标题】：sliderInput in Shiny -- how to control the length/width of the slider in shiny?闪亮的滑块输入——如何控制闪亮的滑块的长度/宽度？
【发布时间】：2023-04-01 06:10:02
【问题描述】：

当我在闪亮中使用 sliderInput 函数时，似乎我无法控制滑块的宽度/长度。默认情况下，滑块占据页面的整个宽度（在 basicPage 模式下，而不是在 pageWithSidebar 模式下）。我想知道是否有某种方法可以控制滑块的宽度。感谢您的任何建议。

【问题讨论】：

您阅读过文档吗？ “这些功能主要适用于精通 HTML/CSS 并且知道如何在 Bootstrap 中布局页面的用户” - 我会说，如果您正在努力更改默认值，也许一些有关使用 Bootstrap 的教程会有所帮助？如果您遇到特定问题（如果您尝试了某些解决方案但它们不起作用），请将它们发布在这里，也许我们可以提供帮助

标签： r slider shiny uislider rangeslider

【解决方案1】：

可以在ui.r中添加样式标签：

tags$head(
      tags$style(type="text/css", ".jslider { max-width: 200px; }")
    ),

将这些线放在 shinyUI() 中，可以调整滑块输入的宽度。

更新：
随着 Shiny 0.11 RStudio 从 jslider 切换到 irs (http://cran.r-project.org/web/packages/shiny/NEWS):

将滑块从 jquery-slider 更改为 ion.rangeSlider。这些滑块具有改进的外观，支持从服务器，并且可以通过键盘输入进行控制。意思是 .jslider 将不再工作。

更改为 .irs {max-width: 200px;} 应该可以工作。

【讨论】：

非常感谢。非常感谢您的帮助。
@Timror，我尝试在 CSS 文件中使用它，如 .jslider {max-width: 200px;}。这种方法不应该也行吗？
@MattO'Brien，通常应该。您是否添加了对您的 css 的引用，例如，fluidpage(..., theme="@@.css")？来自闪亮的帮助：'Alternative Bootstrap 样式表（通常是 www 目录中的 css 文件）。例如，要使用位于 www/bootstrap.css 的主题，您可以使用 theme = "bootstrap.css"。'
是的，我做到了！我知道它可以访问 css 文件，因为其他更改（如字体）是可见的......
在“cran.r-project.org/web/packages/shiny/NEWS”中搜索发现了 Shiny 0.11 的更新：将滑块从 jquery-slider 更改为 ion.rangeSlider。这些滑块具有改进的外观，支持从服务器更新更多属性，并且可以通过键盘输入进行控制。这意味着 .jslider 将不再工作。更改为 .irs {max-width: 200px;}。

【解决方案2】：

Timrors 的回答对我不起作用。但是sliderInput()中有一个参数width=NULL，记录如下：

sliderInput 的宽度，例如“400px”或“100%”；看验证CssUnit。

将其设置为 100% 会创建一个滑块输入跨越整行，等等。

【讨论】：