如何在导航栏中只为一个选项卡的选项卡获取不同的背景图像

时间:2019-09-30 02:09:47

标签: r shiny

我正在构建一个闪亮的仪表板,该导航板在navbarpage中具有多个选项卡。我只想在其中一个选项卡中包含背景图像(以及文本)。

我尝试包含相同的html脚本,但是背景图像出现在所有选项卡中

shinyUI(

  fluidPage(

            navbarPage(
              title=div(img(src="experian_logo.png",
                            style = "margin:-15px 30px 2px 2px"), "American Financial Validation"),id = "tabvalue",
              tabPanel("Home", value = "A",
                       fluidPage(
                         HTML('<style>

                                      body{ background-image: url("Picture1.jpg");
                                     background-repeat: no-repeat;
                                     background-position: right bottom;
                                     background-size: 600px 650px;
                                     #margin-right: 600px;
                                  }
                                </style>')
                       )),
              tabPanel("Data"),
              tabPanel("Scores")
            ),

            tags$style(type = 'text/css',
                       '.navbar-default .navbar-brand {
                             width: 600px;
                             font-size:25px;
                             color: #191970;
                             font-weight: bold;
                           }')))

0 个答案:

没有答案