正文 

当前位置： 首页 > 问答 >

Shinydashboard 使下载按钮变灰？

     2023-03-24     32

关键词：

【中文标题】Shinydashboard 使下载按钮变灰？【英文标题】：Shinydashboard grayed out downloadButton? 【发布时间】：2016-07-18 19:23:06 【问题描述】：

如何修复这个简单示例中的下载按钮？

library(shiny)
library(shinydashboard)
library(shinyjs)
header <- dashboardHeader()

sidebar <- dashboardSidebar(shinyjs::useShinyjs(),  
                            actionButton("start_proc", "Click to make download button appear"),
                            p(),
                            downloadButton('data_file', 'Download'))

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)


server <- function(input, output) 

  observe(
    if (input$start_proc > 0) 
      Sys.sleep(1)
      # enable the download button
      shinyjs::show("data_file")
    
  )

  output$data_file <- downloadHandler(
    filename = function() 
      paste('data-', Sys.Date(), '.csv', sep='')
    ,
    content = function(file) 
      write.csv(data.frame(x=runif(5), y=rnorm(5)), file)
    
  )
  # disable the downdload button on page load
  shinyjs::hide("data_file")


shinyApp(ui, server)

【问题讨论】：

【参考方案1】：

看起来您放置在侧边栏中的任何下载按钮都是这样的（与它使用隐藏/显示的事实无关）。如果您只是将按钮移动到正文而不是侧边栏，它看起来又正常了，如果您向侧边栏添加更多按钮，它们也会变灰。所以这告诉我们这可能与 CSS 有关。

如果你查看按钮的 CSS，你会看到规则

.skin-blue .sidebar a 
    color: #b8c7ce;

所以看起来有人（无论是闪亮的还是引导程序，我不确定谁负责这个 CSS 文件）故意制作链接（下载按钮实际上只是一个样式不同的链接）灰色文本。所以你可以通过添加自己的 CSS 来解决这个问题，比如

tags$style(".skin-blue .sidebar a  color: #444; ")

【讨论】：

谢谢！此外，tags$style(".skin-blue .sidebar .shiny-download-link color: #444; ") 也适用于专门针对downloadButton 的shiny-download-link 类。 a 元素导致侧边栏中的其他元素改变行为

除非选择单选按钮，否则如何使复选框变灰？

】除非选择单选按钮，否则如何使复选框变灰？【英文标题】：Howtogreyoutcheckboxunlessradiobuttonisselected?【发布时间】：2012-09-2314:09:52【问题描述】：对javascript非常陌生，但如果能帮助我入门，我们将不胜感激。我有一个简单的表... 查看详情

使用 VBA 代码有条件地使表单行的（详细信息）按钮变灰

】使用VBA代码有条件地使表单行的（详细信息）按钮变灰【英文标题】：Grayoutaformrow\'s(detail\'s)buttonconditionallywithVBAcode【发布时间】：2011-09-0214:22:53【问题描述】：我在MS-Access中有一个标准表单，其中列出了一堆订单，每行包含... 查看详情

如何使用javascript使按钮变灰且不能点击？

参考技术A将这种状态保存下来不就行了。比如说你想做一个签到页面，数据库里面保存你当天的签到状态为0，页面上获取这个状态，为0的时候可以点击，点击后改变状态保存，为1的时候不可点击。2.disabled改为true然后提交状态... 查看详情

java中要使按钮变灰是用哪个方法

我有两个按钮，想在单击ButtShui这个按钮时，使本身这个按钮变灰不可用，但不是不可见，该用哪个方法嘛，请各位高手们指点一下，本人才刚开始学，闹笑话了，请多多谅解！privateJButtongetButtShui()if(ButtShui==null)ButtShui=newJButton();... 查看详情

如何统一使相机的边缘变灰

...统一的游戏，我正在制作一个慢动作系统，玩家按住一个按钮，你会减慢时间，但只有在你的酒吧用完之前，我才把那部分放下，但它看起来有点乏味，所以我想制作它，所以当我按下按钮时，它会在相机边缘添加一个灰色覆盖... 查看详情

使用 CSS 使图像变灰？

...的上下文是，我在表格中有行，在最右边的单元格中都有按钮，并且某些行需要看起来比其他行更轻。因此，我当然可以轻松地使字体更亮，但我也想使图像更亮，而不必管理每个图像的两个版本。【问题讨论】：【参考方案1... 查看详情

使用 CSS 使图像变灰？

...下文是我在表格中有行，所有行在最右边的单元格中都有按钮，并且某些行需要看起来比其他行更轻。因此，我当然可以轻松地使字体更亮，但我也想使图像更亮，而不必管理每个图像的两个版本。【问题讨论】：【参考方案1... 查看详情

将模态视图放在视图上并使背景变灰

...有人可以帮忙吗？所以这就是我想要做的。当我按下一个按钮时，比如说一个SignIn按钮，我希望弹出一个模态视图，使其后面的视图变为灰色且不可点击。在这个模态 查看详情

如何使用javascript使按钮变灰且不能点击

第一种方法：直接按钮中加入当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句：onclick="javascript:this.disabled=true;document.f... 查看详情

单击按钮时 Shinydashboard 的 SidebarMenu 中的折叠（关闭）菜单

】单击按钮时Shinydashboard的SidebarMenu中的折叠（关闭）菜单【英文标题】：Collapse(close)MenuinSidebarMenuofShinydashboardonbuttonclick【发布时间】：2018-04-3007:19:40【问题描述】：我正在使用与以下类似的应用程序。我的输入面板位于最初扩... 查看详情

Xcode 中的存档按钮变灰

...述】：您能帮我理解Xcode中存档按钮变灰的原因吗？我已下载所有开发者资料设备类型设置为iPhone6存档在方案中签入。【问题讨论】：输入GenericiOSDevice而不是选择模拟器。谢谢！出于某种原因，我认为需要设备。现在可以使用... 查看详情

delphi窗体按钮灰化禁用

1。使最小化按钮变灰：setwindowlong(handle,gwl_style,getwindowlong(handle,gwl_style)  and  not  ws_minimizebox );2。使最大化按钮变灰：setwindowlong(handle,gwl_style,getwindowlong(handle, 查看详情

使引导按钮透明

】使引导按钮透明【英文标题】：MakeBootstrapButtonTransparent【发布时间】：2016-11-2410:18:31【问题描述】：如何使我的按钮透明？我一直在尝试使用.btn-transparent但似乎无法让它工作。按钮一直变灰。<p><!--SearchButton--><divcla... 查看详情

怎么设置struts1中单击<html:submit>按钮提交之后提交过程中提交按钮变灰，但是提交过程不会停止

...交过程，这个时候<html:submit>实际上相当于一个普通按钮<html:button>，所以在执行使按钮变灰的方法后需要重新提交一次；3、建议修改：<html:formid="formId"action=""method=""><html:buttonid="buttonId&qu... 查看详情

css使网页变灰

...0。html{-webkit-filter:grayscale(100%);filter:grayscale(100%);}原图：变灰后： 查看详情

投射按钮变灰

】投射按钮变灰【英文标题】：Castbuttongreyedout【发布时间】：2020-03-2220:40:55【问题描述】：我是应用android开发的新手，试图创建一个简单的“ChromecastHelloworld”。很遗憾，没有显示投射按钮。强制可见后它一直是灰色的，我无... 查看详情

多线程自定义消息文件查找器使窗口变灰

bbs.176ku.com免费看来自为知笔记(Wiz) 查看详情

启用 TextInputLayout = false 后，如何使 TextInputEditText 中的文本变灰？

】启用TextInputLayout=false后，如何使TextInputEditText中的文本变灰？【英文标题】：HowtomaketextgreyinTextInputEditTextafterTextInputLayoutenabled=false?【发布时间】：2021-12-2106:31:55【问题描述】：当我禁用我的TextInputLayoutInputTextContainer.isEnabled=fals... 查看详情