2013-12-11 3 views
6

स्क्रीन शॉट के रूप में दिखाता है - साइडबारपैनल उस क्षेत्र के केवल 50% क्षेत्र का उपयोग करता है। यदि मैं 'फ़ाइल इनपुट' लेता हूं तो यह भी बदलेगा नहीं (यह केवल क्षैतिज रूप से विस्तारित होता है जितना अंतरिक्ष उपलब्ध है)।साइडबार के अप्रयुक्त क्षेत्र को कम करें पैनेल

enter image description here

यूआई कोड पूरी तरह से बॉयलर प्लेट है, जिसके कारण मुझे नहीं लगता कि यह पोस्टिंग में ज्यादा मतलब नहीं है है। जब भी मैं सभी यूआई इनपुट फ़ील्ड निकालता हूं तब भी प्रभाव वही रहता है। एक तथ्य के रूप में साइडबार चैनल की चौड़ाई स्पष्ट रूप से इसकी सामग्री से स्वतंत्र गणना की जाती है लेकिन एक निश्चित अनुपात पर निर्भर करती है।

मैं आकार या साइडबार-/mainPanel-अनुपात मैन्युअल रूप से समायोजित करना चाहता हूं। मैं इसे कैसे प्राप्त कर सकता हूं?

उत्तर

10

यह मेरे लिए काम करता है। इस shinyUI वस्तु बाहर रखें:

narrowSidebar <- HTML('<style>.span4 {min-width: 265px; max-width: 265px; }</style>') 

और sidebarPanel के शीर्ष पर रखें:

tags$head(narrowSidebar), ... 

आप उपरोक्त प्रक्रिया को दोहराते हुए मुख्य पैनल को बदल सकते हैं, लेकिन बदलते "span4" से "span8 "।

यह समझने में मदद कर सकता है कि क्या हो रहा है। डिफ़ॉल्ट ShinyUI स्वरूपण के लिए बूटस्ट्रैप का उपयोग करता है। बूटस्ट्रैप लेआउट सामग्री के लिए एक 12-इकाई ग्रिड का उपयोग करता है। आप "स्पैन #" का उपयोग किसी भी कंटेनर के लिए करते हैं ताकि ग्रिड का अधिकतर हिस्सा हो।

चमकदार साइड बार (पृष्ठ के 4/12 = 1/3) के लिए span4 का उपयोग करता है, और 8 मुख्य पैनल (पृष्ठ के 8/12 = 2/3) के लिए उपयोग करता है।

मैं ईमानदारी से सोचता हूं कि यह 3/9 या 2/12 होना चाहिए, लेकिन उपर्युक्त चाल का उपयोग करके आप चीजों को स्टाइल करना मुश्किल नहीं है।

+0

धन्यवाद, खासकर अतिरिक्त जानकारी के लिए - यह चाल – Raffael

+0

है यह मेरे लिए काम नहीं करता है! क्या इसके अलावा कोई और तरीका है? –

2

मुझे तब से पता नहीं है, लेकिन sidebarPanel और mainPanel अब एक अतिरिक्त तर्क width है। तो आप सीधे सामान्य ग्रिड धारणा में पैनल आकार को समायोजित कर सकते हैं। (मान 1 से 12)

संबंधित मुद्दे