2015-06-24 11 views
7

मेरे पास एक घटक है जो मेरे सभी पृष्ठों के लिए एक सामान्य लेआउट के रूप में मौजूद है। इस घटक के लेआउट इस प्रकार है (: पी रंग तो कृपया खेद का उपयोग किया जाता): हैमैं vadin का उपयोग कर वर्टिकललाउट स्क्रॉल करने योग्य कैसे बना सकता हूं?

layout

राइट ऐरो का अर्थ है कि इस लेआउट एक HorizontalLayout और नीचे तीर VerticalLayout है।

मैं वास्तव में बॉडी सामग्री लेआउट स्क्रॉलबल बनाने में रूचि रखता हूं। इस लेआउट के भीतर मैं आमतौर पर बहुत से यूआई घटकों (अधिक लेआउट, टेक्स्ट फ़ील्ड, फॉर्म, ग्रिड ...) पेश करता हूं और कभी-कभी घटकों को लंबवत स्थान की कमी और लंबवत स्क्रॉल की अनुपस्थिति के कारण दिखाया नहीं जाता है। तो क्या बॉडीकंटेंट स्क्रॉल करने योग्य (एससीएसएस/सीएसएस या किसी अन्य तरीके से) बनाने का कोई तरीका है?

अग्रिम धन्यवाद।

संपादित करें: मैं @JaneVi को यह धन्यवाद समाधान कर लिया है:

.v-ui > .v-widget { 
    overflow: visible; 
} 

उत्तर

10

setContent() का उपयोग कर Panel का उपयोग कर के भीतर जो आप अपने bodyContent (ऊर्ध्वाधर लेआउट) रख सकते हैं की कोशिश करो और स्क्रॉल बार हो सकता है जब की ऊंचाई अपने लेआउट पैनल की ऊंचाई से अधिक है।

+1

मुझे लंबवत लेआउट ऊंचाई को अपरिभाषित करने के लिए यहां बताया गया है https://vaadin.com/forum#!/thread/10383018 – russellhoff

+0

और जादू की तरह काम करता है! यह देखने के लिए कि मैंने यह कैसे हासिल किया है, मेरे मुख्य पोस्ट का संदर्भ लें :) – russellhoff

+1

बहुत अच्छा ..! जवाब में मैं इस सीएसएस रास्ता सीखता हूं .. :) – SSH

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