चमकदार में चुनिंदा ड्रॉपडाउन की ऊंचाई कैसे बदलें?

Question

मैं चमकदार ऐप में चुनिंदा ड्रॉपडाउन की ऊंचाई बदलना चाहता हूं। डिफ़ॉल्ट ऊंचाई 8 विकल्पों को प्रदर्शित करती है, मैं और देखना चाहूंगा। ड्रॉपडाउन की लाइन ऊंचाई कम करके विकल्पों की संख्या में वृद्धि करना संभव है, लेकिन यह मेरे लिए एक इष्टतम समाधान नहीं है। मैंने इसे कैसे किया है इसके बारे में बहुत कुछ खोजा, selectize.js कोड में देखा और मेरी वर्तमान परिकल्पना यह है कि या तो यह छोटा है, या डिजाइन द्वारा असंभव है।

जो मैंने सीखा है वह है कि चयन से प्रदर्शित ड्रॉपडाउन कक्षा .selectize-dropdown-content का एक div है, लेकिन इसकी ऊंचाई और चौड़ाई विशेषताओं को बदलना कुछ भी नहीं बदलता है। हालांकि पृष्ठभूमि रंग बदलना संभव है। यहाँ मेरी एकल फाइल चमकदार एप्लिकेशन कोड है:

server <- function(input, output) { 
    output$distPlot <- renderPlot({ 
     plot(0.5,0.5,xlim=c(0,1),ylim=c(0,1)) 
     text(0.5,0.5,input$Letter) 
    }) 
} 

ui <- shinyUI(fluidPage(
    sidebarLayout(
    sidebarPanel(
     selectizeInput("Letter", "", setNames(letters,letters),selected="a",multiple=FALSE),  
     tags$style(type='text/css', 
        ".selectize-dropdown-content { 
height: 600 px; 
width: 700 px; 
background-color: #b0c4de; 
}") 
    ), 
    mainPanel(plotOutput("distPlot")) 
) 
)) 

shinyApp(ui = ui, server = server) 

तो मेरी सवाल है, कि क्या मैं selectize.js में सही तत्व के सीएसएस संशोधित कर रहा हूँ, या लटकती ऊंचाई का बदल रहा है न कर रहा हो?

Answer 1

प्रश्न पोस्ट करने के कुछ मिनट बाद समाधान मिला। चुनिंदा ड्रॉपडाउन की ऊंचाई max-height विशेषता द्वारा नियंत्रित की जाती है। निम्नलिखित सीएसएस चाल करता है:

tags$style(type='text/css', ".selectize-dropdown-content {max-height: 400px; }"),