Gwt DockLayoutPanel विजेट्स के लिए अतिप्रवाह ओवरराइड करें

मैं बाईं ओर एक नेविगेशन मेनू वाला एक पृष्ठ बना रहा हूं, जिसमें प्रत्येक सेक्शन के लिए आइकन शामिल हैं। पृष्ठ लेआउट इस तरह कुछ दिखता है:

  
    
    
      
        
      
    
  

नेविगेशन बार के प्रत्येक आइकन पर होवर करना आइटम के शीर्षक वाले कुछ गुब्बारे, और कुछ उप-आइटम दिखाए जाने वाला माना जाता है। मैंने सीएसएस द्वारा प्रभाव हासिल किया, प्रत्येक गुब्बारे को अपने आइकन के सापेक्ष एक स्थिति दे दी।

जी: पश्चिम तत्व के रूप में प्रस्तुत किया जाता है

<div style="
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 55px; ">

My problem is that overflow: hidden.

How do I tell the DockLayoutPanel that it is OK for the west element to overflow over the center element?

Edit: I found a workaround which is quite reliable

navigation.getElement().getParentElement().getParentElement().getStyle()
    .setOverflow(Overflow.VISIBLE);

Does anybody know a solution which doesn't mess with HTML elements?

7
जोड़ा संपादित
विचारों: 1
आपके कामकाज के लिए @ डीजेजेक धन्यवाद, मेरे लिए काम किया :)
जोड़ा लेखक XioRcaL, स्रोत
मैंने यह देखा (नीचे जवाब): github.com/gwtbootstrap/gwt-bootstrap/ मुद्दों/231 मूल रूप से यह sais को आपके नेविगेशन-पैनल की ऊंचाई 100% पर सेट करना चाहिए: हालांकि, मैंने कोशिश नहीं की यह ...
जोड़ा लेखक AndreasS, स्रोत

2 उत्तर

आप उत्तर div की रेखांकित शैली को ओवरराइड कर सकते हैं:


    .dockLayoutPanel > div {
        overflow: visible !important;
    }



    
     ...
    

जीडब्ल्यूटी 2.6.1 के साथ परीक्षण किया।

You could find more suggestions here: https://github.com/gwtbootstrap/gwt-bootstrap/issues/231

3
जोड़ा

एक विकल्प PopupPanel एक कस्टम गुब्बारा विजेट दिखा रहा है, तदनुसार स्टाइल। फिर आप अपने गुब्बारे की सामग्री को सेट करने, दिखाने और छिपाने के लिए अपने नेविगेशन आइकन ' MouseOverEvent और MouseOutEvent को संभाल सकते हैं।

0
जोड़ा
यह एक वैध विकल्प है, हालांकि मैं जेएस के माध्यम से निर्देशांक की गणना करने के बजाए बटन के बगल में अपने गुब्बारे रखने के लिए रिश्तेदार सीएसएस पोजीशनिंग पर सुरक्षित महसूस करता हूं।
जोड़ा लेखक djjeck, स्रोत
मै उसे करने की एक कोशिश तो करूंगा।
जोड़ा लेखक djjeck, स्रोत