Cara mengubah atribut tampilan tab KHUSUS saat menggunakan tabPanel di navbarPage

Dalam contoh ini,

library(shiny)
ui <- fluidPage(
  tags$style(type = 'text/css', HTML('.navbar {background-color: red;}')),
  navbarPage("",
    tabPanel("Tab 1", icon = icon("user")),
    tabPanel("Tab 2", icon = icon("cog")),
    tabPanel("Tab 3", icon = icon("sliders"))
  )
)
server <- function(input, output, session) {
}
shinyApp(ui, server)

Saya ingin Tab 3 menjadi spesial sehingga tampil berbeda dari yang lain untuk:

  • warna latar belakang + warna font saat tidak diarahkan dan tidak dipilih
  • warna latar belakang + warna font saat diarahkan
  • warna latar belakang + warna font saat dipilih
  • Font tebal

Untuk tab lainnya, saya baik-baik saja dengan tetap menggunakan default.

Tak satu pun topik yang saya temui secara langsung mengatasi masalah ini untuk saya, yang tidak memiliki latar belakang HTML atau CSS. Beberapa mengatasi sebagian masalah untuk tabsetPanel, namun tidak untuk navbarPage.

Saran apa pun, atau pengalihan ke tutorial untuk boneka sudah cukup.

Terima kasih!


person Matthew Hui    schedule 23.04.2018    source sumber
comment
Anda juga dapat memeriksa jawaban ini   -  person A. Suliman    schedule 23.04.2018


Jawaban (1)


person    schedule
comment
A. Suliman, ini sangat membantu - terima kasih! Tahukah Anda apakah mungkin untuk menargetkan dua tab tertentu sekaligus (yaitu data-value = 'Tab 3' & 'Tab4'? Saya sudah mencoba mencari tahu, tetapi sejauh ini harus memisahkan kode css untuk keduanya menjadi dua jalur yang berbeda. - person seabass20; 10.04.2020
comment
@ seabass20 sama-sama, coba salah satu solusi yang diusulkan di sini CSS - Cara pilih beberapa nilai atribut? - person A. Suliman; 10.04.2020
comment
Sempurna, itu pasti membantu! Terima kasih lagi! - person seabass20; 11.04.2020