关键词：
【中文标题】将公司徽标添加到 ShinyDashboard 标题【英文标题】：Adding a company Logo to ShinyDashboard header 【发布时间】：2015-10-05 02:14:44 【问题描述】：很好奇，有没有办法在 ShinyDashboard 的标题中添加公司徽标？当我查看documentation 时，它描述了更改 CSS 中的“徽标”，这只是配置左上角的内容，但据我所知，我想保留我的标题。
我没有使用下拉菜单，所以我想在右上角红色框所在的位置添加我的公司徽标。
有没有人知道如何使用 Shinydashboard 做到这一点？谢谢。
2020 年 10 月 27 日更新
对于熟悉 HTML 或希望用户界面具有更大灵活性并可以访问前端开发人员的用户，我最近发现您可以使用 HTML 来构建整个用户界面。有一篇关于它的闪亮文章here。如果需要，这将允许以符合您公司标准的方式完成整个品牌和布局。希望这会有所帮助。
【问题讨论】：
这可能会有所帮助。 ***.com/questions/21996887/… 对于未来的读者：Here 是另一种使用htmltools::tagQuery 居中图像的方法。
【参考方案1】：
为此，我一直在研究一些技巧，（我知道您并没有要求这样做，但这是一个可点击的徽标，而我们正在使用它）：
library(shiny)
library(shinydashboard)
dbHeader <- dashboardHeader()
dbHeader$children[[2]]$children <- tags$a(href='http://mycompanyishere.com',
tags$img(src='logo.png',height='60',width='200'))
dashboardPage(
dbHeader,
dashboardSidebar(),
dashboardBody()
)
所以这在标题中嵌套了一个 shiny.tag。这个特殊闪亮对象中的第二个插槽是徽标插槽（您需要在应用目录的 /www/ 文件夹中添加一个“logo.png”）
编辑：
我刚刚检查过，从现在开始，这个 hack 应该不再需要了，您可以通过 title= 参数直接从 dashboardHeader 函数插入 html，（之前，该参数仅强制文本），
我认为答案可能仍然是一种有用的方法来修改现有的闪亮功能，其中的东西 ARE 硬编码。
现在方法如下：
dashboardPage(
dashboardHeader(title = tags$a(href='http://mycompanyishere.com',
tags$img(src='logo.png')))
或者，为徽标添加更多魔力（我还使用我的徽标作为加载栏）：
# Takes a location 'href', an image location 'src', a loading gif 'loadingsrc'
# height, width and alt text, and produces a loading logo that activates while
# Shiny is busy
loadingLogo <- function(href, src, loadingsrc, height = NULL, width = NULL, alt = NULL)
tagList(
tags$head(
tags$script(
"setInterval(function()
if ($('html').attr('class')=='shiny-busy')
$('div.busy').show();
$('div.notbusy').hide();
else
$('div.busy').hide();
$('div.notbusy').show();
,100)")
),
tags$a(href=href,
div(class = "busy",
img(src=loadingsrc,height = height, width = width, alt = alt)),
div(class = 'notbusy',
img(src = src, height = height, width = width, alt = alt))
)
)
dashboardBody(
dashboardHeader(title = loadingLogo('http://mycompanyishere.com',
'logo.png',
'loader.gif'),
dashboardSidebar(),
dashboardBody()
)
【讨论】：
如何更改徽标的对齐方式？ 这都是css样式。有两种方法可以做到这一点，一种是将孩子包装在 tags$style(..) 中。另一种（可能是首选方法）是创建一个 custom.css 文件并将其放在您的 /www/ 文件夹中。然后用tags$head(tags$link(rel = "stylesheet", type = "text/css", href = "custom.css") 调用它。在样式表中只需添加.logo ALIGNMENTPARAMS: VALUE;，您可以在其中通过 google 找到参数和值的名称。
@Shape with shiny 0.13.2 和 shinydashboard 0.5.1 解决方案似乎不起作用：我得到the server responded with a status of 404 (Not Found)
@Enzo 这些是我拥有的版本，它仍然适用于我，确保链接正确且 logo.png 在您的 www 文件夹中
我发现了这个问题：你需要有单独的 ui.R 和 server.R 文件，否则如果你在一个带有 shinyApp(ui, server) 的 app.R 文件中使用所有文件，它确实没有在 www 文件夹中“找到” logo.png 文件（但它确实找到了我的 favicon.ico - boh？）。【参考方案2】：
这是我的技巧（如前所述，将您的徽标放入应用目录的 www 子目录中）。
因为dashboardHeader() 需要li 类型和dropdown 类的标签元素，所以我们可以传递这些元素而不是dropdownMenus：
library(shiny)
library(shinydashboard)
dbHeader <- dashboardHeader(title = "My Dashboard",
tags$li(a(href = 'http://shinyapps.company.com',
icon("power-off"),
title = "Back to Apps Home"),
class = "dropdown"),
tags$li(a(href = 'http://www.company.com',
img(src = 'company_logo.png',
title = "Company Home", height = "30px"),
style = "padding-top:10px; padding-bottom:10px;"),
class = "dropdown"))
server <- function(input, output)
shinyApp(
ui = dashboardPage(
dbHeader,
dashboardSidebar(),
dashboardBody()
),
server = server
)
【讨论】：
如果有人不需要它可点击 - 我建议将a() 更改为 div() 并将 margin-right:10px; 添加到样式参数。
由于最近浏览器处理规则的变化，需要对img进行细微的更改。将img(src=...) 更改为tags$img(src=...)。
图片的大小和它有关系吗？是否可以将徽标添加到桌面 Lync 客户端
...：2011-02-2116:16:10【问题描述】：是否可以使用Lync2010SDK将公司徽标添加到桌面客户端？谢谢！【问题讨论】：如果您对以下答案感到满意，能否将其标记为已接受，以帮助其他人浏览这些问题？干杯！您是否找到了解决此要求的... 查看详情
Azure 身份验证器帐户图标 - 公司徽标？
】Azure身份验证器帐户图标-公司徽标？【英文标题】：Azureauthenticatoraccounticon-companylogo?【发布时间】：2018-11-2218:07:36【问题描述】：有谁知道是否可以在AzureAuthenticatorApp中向帐户添加自定义图像？对于我们所有的帐户，它始终显... 查看详情
如何将图标（图像，徽标..）添加到状态栏
】如何将图标（图像，徽标..）添加到状态栏【英文标题】：Howtoaddicon(image,logo..)tothestatusbar【发布时间】：2017-12-1600:40:40【问题描述】：我注意到StatusBar组件（ReactNative）没有任何道具来包含本文档中的任何类型的图标或徽标：h... 查看详情
将徽标添加到导航控制器
】将徽标添加到导航控制器【英文标题】：AddLogoToNavigationController【发布时间】：2016-08-1200:11:19【问题描述】：我有一个使用导航控制器的应用程序。我没有意识到您不能将UIImage添加到故事板上导航控制器的标题中。如果您希望... 查看详情
Bootstrap - 如何将徽标添加到导航栏类？
】Bootstrap-如何将徽标添加到导航栏类？【英文标题】：Bootstrap-Howtoaddalogotonavbarclass?【发布时间】：2015-04-0603:57:51【问题描述】：我想在导航栏品牌的顶部导航栏中添加一个徽标。我希望它与视口大小一起缩放，所以我使用img-res... 查看详情
如何使用 Next.js 将 PNG 徽标添加到 Tailwind CSS 导航栏？
】如何使用Next.js将PNG徽标添加到TailwindCSS导航栏？【英文标题】：HowtoaddaPNGlogotoTailwindCSSnavbarusingNext.js?【发布时间】：2021-10-0821:01:48【问题描述】：这是代码，我想添加一个PNG徽标来代替SVG徽标，但每次我添加一个img元素时，都... 查看详情
php将移动徽标添加到自定义程序(代码片段)
text将retina徽标添加到genesis或wordpress主题(代码片段)
如何将徽标、按钮图像和按钮菜单添加到 Firefox 工具栏
】如何将徽标、按钮图像和按钮菜单添加到Firefox工具栏【英文标题】：HowtoaddLogo,buttonimageandbuttonmenutoFirefoxtoolbar【发布时间】：2012-03-0423:58:14【问题描述】：我正在使用XUL编写我的firefox工具栏。我使用那个xul代码来做简单的标... 查看详情
如何在 flexdashboard 中添加徽标？
...-11-1508:37:52【问题描述】：我正在尝试在flexdashboard中添加公司徽标。如官方页面所述，我们需要提供图像路径，我正在做与下面给出的相同的操作，但无法将徽标带入仪表板。想知道，如何在flexdashboard中引入logo以及如何在仪表... 查看详情
将 mapbox 字标添加到传单
】将mapbox字标添加到传单【英文标题】：Addingthemapboxwordmarktoleaflet【发布时间】：2019-01-2811:27:15【问题描述】：我在传单地图上使用mapbox，因此我需要在其中添加mapbox字标。由于某种原因，我找不到水印文件本身。例如，我看这... 查看详情
SharePoint 将网站徽标链接重定向到根网站集主页
】SharePoint将网站徽标链接重定向到根网站集主页【英文标题】：SharePointRedirectsitelogolinktotherootsitecollectionhomepage【发布时间】：2012-11-1423:37:09【问题描述】：我希望母版页中的网站徽标链接始终重定向到根网站集主页。默认行为... 查看详情
即使将证书添加到受信任的根权限存储区后，Chrome 仍显示红色 https 徽标（内部使用自签名 SSL 证书）
...书添加到受信任的根权限存储区后，Chrome仍显示红色https徽标（内部使用自签名SSL证书）【英文标题】：Chromestillshowingredhttpslogoevenafteraddingthecertificatetotrustedrootauthoritiesstore(Internal-useself-signedSSLCert)【发布时间】：2012-01-3006:33:40【... 查看详情
向 CSS 背景添加其他图像 [重复]
...问题描述】：我正在尝试通过CSS添加三个社交媒体图标。公司徽标通过CSS(images/logo.png)添加到网站。我尝试通过添加逗号进行扩展，但这会导致整个徽标消失。我们将不胜感激任何CSS建议。更新有问题的“重复”没有解决我遇到... 查看详情
如何在 SwiftUI 中的文件、编辑和查看之前将项目添加到应用程序菜单？
...用新的SwiftUIApp模型，如何设置标题为我的应用名称（Apple徽标旁边）的菜单上可用的项目？使用以下WindowGroup….commandsCommandMenu("Me 查看详情
如何将图像上传到 Cloudinary - MERN 堆栈
...】：2021-10-1016:21:12【问题描述】：我想向mongoDB添加一些公司详细信息，详细信息包括公司徽标。所以我想将图片上传到Cloudinary，然后将URL与其他详细信息一起保存在MongoDB中。但我的代码似乎不起作用。当我填写表格并点击提交... 查看详情
如何使用 django 将徽标添加到站点索引栏
】如何使用django将徽标添加到站点索引栏【英文标题】：Howtoaddalogotothesiteindexbarusingdjango【发布时间】：2021-01-2612:01:58【问题描述】：谁能帮助我如何在Django-admin站点的索引栏中添加徽标？【问题讨论】：【参考方案1】：您可能... 查看详情
将垂直滚动条添加到 shinyjs 下拉按钮 - 闪亮
...单添加垂直滚动条。请检查我的代码，library(shiny)library(shinydashboard)libra 查看详情