Remplacer le débordement pour les widgets gwt DockLayoutPanel

Je crée une page avec un menu de navigation sur la gauche, contenant des icônes pour chaque section. La mise en page ressemble à ceci:

  
    
    
      
        
      
    
  

Le survol de chacune des icônes de la barre de navigation est censé montrer un ballon contenant le titre de l'élément et certains sous-éléments. J'ai obtenu l'effet par CSS, donnant à chaque ballon une position par rapport à son icône.

L'élément g: west est rendu comme

<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
merci @djjeck pour votre solution de contournement, travaillé pour moi :)
ajouté l'auteur XioRcaL, source
J'ai vu ceci (réponse en bas): github.com/gwtbootstrap/gwt-bootstrap/ questions/231 en gros, il convient de définir la hauteur de votre panneau de navigation à 100%: Cependant, je n'ai pas essayé il...
ajouté l'auteur AndreasS, source

2 Réponses

Vous pouvez remplacer le style en ligne de la div nord:


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



    
     ...
    

Testé avec GWT 2.6.1.

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

3
ajouté

Une alternative serait d'utiliser PopupPanel affichant un widget de ballon personnalisé, stylisé en conséquence. Vous pouvez ensuite gérer les icônes de navigation MouseOverEvent et MouseOutEvent pour configurer le contenu de, afficher et masquer votre bulle.

0
ajouté
C'est une alternative valable, même si je me sens plus en sécurité en me basant sur le positionnement CSS relatif pour placer mes ballons à côté des boutons, plutôt que de calculer les coordonnées via JS.
ajouté l'auteur djjeck, source
Je vais essayer.
ajouté l'auteur djjeck, source