闪亮的应用程序：强制图像具有与侧边栏面板相同的宽度

Question

我是一个闪亮的新手，我有一个非常简单的问题，虽然我没有在Google上找到答案：我想在我的侧边栏面板中放置一个图像，我希望图像的宽度是与侧边栏面板相同。

问题是，当用户更改显示闪亮应用程序的窗口侧面时，侧边栏面板宽度会自动更改，而图像的宽度保持不变...

是否有一个诸如sideparPanel.width之类的功能可用于将我的图像调整到侧边栏面板？

我的代码如下，其中图片的固定宽度为500像素：

 library(shiny)
shinyUI(fluidPage(

  #the title panel (mandatory)
  titlePanel("title"),

  sidebarLayout(
  #The sidebar panel (default position = left)
      sidebarPanel(
      img(src="myimage.png",width=500)
    ),

    #Content of the main panel
    mainPanel("blablabla"
    )
  )

))

非常感谢你的帮助！

Answer 1

您可以将宽度指定为百分比而不是像素。例如，

library(shiny)
shinyUI(fluidPage(

  #the title panel (mandatory)
  titlePanel("title"),

  sidebarLayout(
  #The sidebar panel (default position = left)
      sidebarPanel(
      img(src="myimage.png",width="100%")
    ),

    #Content of the main panel
    mainPanel("blablabla"
    )
  )
))

在这种情况下，图像的宽度始终相对于侧边栏的宽度。