प्राइमफ़ेस मेनू पूरी तरह से पूर्ण पृष्ठ लेआउट में प्रदर्शित नहीं हो सकता

Question

कुछ दिन पहले मैं प्राइमफ़ेस फ़ोरम में 1 प्रश्न पूछता हूं लेकिन कोई भी मुझे जवाब नहीं देता है।

मुझे पूर्ण पृष्ठ लेआउट (स्थिति = "पश्चिम") में उपयोग करते समय समस्या का सामना करना पड़ रहा है, सबमेनू पूरी तरह प्रदर्शित नहीं हो सकता है। इसे (स्थिति = "केंद्र") पर ओवरलैप कर सकता है क्योंकि मैं पश्चिम लेआउट की चौड़ाई बढ़ाने की इच्छा नहीं करता हूं? संदर्भ के रूप में एक तस्वीर के साथ

लिंक के नीचे लिंक के नीचे।

http://www.imagebucket.net/bucket/is.php?i=10434&img=image.jpg

इस कोड का हिस्सा है:

<p:layoutUnit position="west" size="200" > 
    <ui:insert name="sideBar">       
    <h:form> 
     <p:menu type="tiered" > 
     <p:submenu label="Sales" >          
      <p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />             
     </p:submenu> 
     <p:separator /> 
     <p:submenu label="Customer"> 
      <p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" /> 
     </p:submenu> 
     </p:menu> 
    </h:form>   
    </ui:insert> 
</p:layoutUnit> 

मैं सिर्फ मैं जानता हूँ कि हो सकता है कि क्या यह मेरी समस्या हल करने के लिए इस्तेमाल किया जा सकता 3.1 primefaces अद्यतन करते हैं, और 1 सुविधा मिल पता चला overlayPanel, ? पहले से

धन्यवाद ..

[ग्रहण इंडिगो, बिल्ला 7, जावा ईई 6, 3.1 PrimeFaces, Mojarra 2.0.3]

Answer 1

अंत में किसी primefaces मंच में मेरी पोस्ट जवाब मिला है।
यह मेरी समस्या हल हो गया।
यहाँ लिंक है:
http://forum.primefaces.org/viewtopic.php?f=3&t=18033&p=56425#p56425

अद्यतन:
जवाब: कुछ सीएसएस चाल, इसे ठीक बस अतिप्रवाह और z- सूचकांक संपत्ति को बदलने में सक्षम हो जाएगा।
मैं नीचे के रूप में इस सवाल का जवाब देते कोड:

<h:head> 
<style> 
    #leftPanel {z-index:2 !important; } 
    #leftPanel div{overflow:visible;} 
</style> 
</h:head> 

<p:layoutUnit position="west" size="200" id="leftPanel"> 
    <ui:insert name="sideBar">       
    <h:form> 
     <p:menu type="tiered" > 
     <p:submenu label="Sales" >          
      <p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />             
     </p:submenu> 
     <p:separator /> 
     <p:submenu label="Customer"> 
      <p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" /> 
     </p:submenu> 
     </p:menu> 
    </h:form>   
    </ui:insert> 
</p:layoutUnit>