我正在使用navbarPage()布局构建一个闪亮的应用程序。我想在屏幕右侧的导航栏中插入一个图像。它看起来像导航栏顶部,例如,StAccess网站,但在最右边有一个标志。我试过:
新余(
navbarPage(title=“测试页面”,
img(src=”https://stackoverflow.com/questions/24705431/mylogo.gif,style=“float:right;padding right:25px”),
选项卡面板(title=“面板1”,…)
))
但是,所有这些操作都是在导航栏最右下方显示图像,而不是第一个选项卡的内容(注意-图像根据需要位于www目录中)
我可以使用icon=参数,但这会将图标放在浏览器的选项卡上
关于如何将图像放在导航栏上有什么想法吗
我现在可以回答这个问题,至少对于闪亮的0.10.0。一般的想法是将title=设置为div(),其中包含标题的图像和文本
但是,这会产生一个新的问题,即icon=参数不再起作用,并且不能为窗口设置标题。为了解决这个问题,我在这里遵循了Andy Singleton的建议。建议是在navbarPage()上方创建一个fluidPage(),用于保存窗口标题和图标。通过将此页面的高度设为0像素,它将隐藏在应用程序中。下面是代码的关键部分
ui.r:
shnyUI
(
流动摄影(
列表(标签$head(HTML('<;link rel=“icon”,href=)https://stackoverflow.com/questions/24705431/MyIcon.png",
type=“image/png”/>;),
div(style=“padding:1px 0px;width:'100%”,
标题板(
title=“”,windowTitle=“我的窗口标题”
)
),
导航栏页(
标题=分区(img(src=)https://stackoverflow.com/questions/24705431/myLogo.gif“我在导航栏中的标题”),
选项卡面板(。。。。