मैं tabsetPanels का उपयोग करके एक चमकदार एप्लिकेशन को कस्टमाइज़ करना चाहता हूं ताकि चयनित पैनल सफेद टेक्स्ट के साथ एक काले रंग की पृष्ठभूमि में दिखाई दे, और अचयनित टैब काले रंग के साथ एक सफेद पृष्ठभूमि दिखाते हैं।चमकदार टैब में टैब का पृष्ठभूमि रंगपैन
उदाहरण के लिए, नीचे दिए गए आवेदन में, जब "हैलो" टैब चयनित है, मैं चाहते हैं "हैलो" एक काले रंग की पृष्ठभूमि पर सफ़ेद पाठ में किया जाना है। लेकिन मैं अभी भी पैनल सामग्री (इनपुट फ़ील्ड) की पृष्ठभूमि सफेद रहना चाहता हूं।
निकटतम बात मैं इस सवाल से आते हैं ढूँढने में सक्षम किया गया है: Tab Box CSS for shinydashboard
कि कोड लागू करना tabsetPanel भर में सभी तरह से एक रंगीन पृष्ठभूमि पैदावार है, लेकिन मैं अभी भी इस संशोधित करने के लिए एक तरह से नहीं मिल सकता है केवल टैब की पृष्ठभूमि को बदलने के लिए। इसके अलावा, .nav-tabs-custom सीएसएस में जो कुछ भी मैं बदलता हूं, वह किसी भी प्रभाव को नहीं लेता है।
मैं लगातार tab-pane टैग सीएसएस में परिवर्तन लागू करने का प्रयास करने के लिए प्रेरित हूं, लेकिन यह शीर्षक बॉक्स में नहीं, टैब के शरीर में परिवर्तन को धक्का देता है।
पृष्ठभूमि रंग बदलने के लिए शीर्षक बॉक्स प्राप्त करने के लिए मैं क्या बदल सकता हूं पर कोई विचार?
ui <- shinyUI(
fluidPage(
tags$style(".nav-tabs {
background-color: #006747;
}
.nav-tabs-custom .nav-tabs li.active:hover a, .nav-tabs-custom .nav-tabs li.active a {
background-color: transparent;
border-color: transparent;
}
.nav-tabs-custom .nav-tabs li.active {
border-top-color: #FFF;
}"),
tabsetPanel(
tabPanel(
title = "Hello",
textInput(inputId = "text", label = "Input")
),
tabPanel(
title = "World"
)
)
)
)
server <- shinyServer(function(input, output, session){
})
shinyApp(ui=ui, server=server)
ऐसा करता है! मेरे भविष्य के संदर्भ के लिए, मैं '.tabs-above> .nav> li> a' के साथ अचयनित टैब को कस्टमाइज़ कर सकता हूं। बहुत बहुत धन्यवाद। – Benjamin
धन्यवाद बहुत उपयोगी मैं इसे shinydashboard के लिए करना चाहता हूं क्या मुझे तरल पदार्थ बनाना है? –
@DimitriPetrenko मैं एक समय में एक चमकदार उपयोग नहीं किया है, तो आप एक नया सवाल – jenesaisquoi