TabLayoutPanel n'affiche pas les widgets uniquement Les éléments de l'onglet sont visibles

Question

Exemple simple de TabLayoutPanel ne montrant pas les widgets de conteneur uniquement Les éléments de l'onglet sont visibles. Quelque chose qui ne va pas est que cela fonctionne pour IE8

public class DemoGWT implements EntryPoint { 
    RootPanel rp = RootPanel.get(); 

    public void onModuleLoad() { 
     TabLayoutPanel panel = new TabLayoutPanel(25, Unit.PX); 
     Label a = new Label("One Container"); 
     panel.add(a, "One Hdr"); 
     panel.add(new Label("Two Container"), "Two Hdr"); 
     panel.add(new Label("Three Container"), "Three Hdr"); 
     panel.add(new Label("Four Container"), "Four Hdr"); 
     panel.add(new Label("Five Container"), "Five Hdr"); 
     panel.add(new Label("Six Container"), "Six Hdr"); 

     rp.add(panel); 
    } 
} 

Answer 1

Ne pas mélanger panneaux de mise en page etpanneaux. Lorsque vous utilisez des panneaux de disposition tels que TabLayoutPanel, assurez-vous que son parent et son parent jusqu'à RootPanel sont des panneaux de disposition. Utilisez RootLayoutPanel au lieu de RootPanel. TabLayoutPanel n'affiche pas les données sauf si vous indiquez sa hauteur absolue. (Note 100% ou tout autre% ne fonctionnera pas). Cela doit être absolu.

Changer le RootPanel à RootLayoutPanel et utiliser setHeight(height) API de votre TabLayoutPanel. Ne pas mentionner la taille en% d'âge.

Answer 2

J'ai eu des problèmes avec IE8 avec des zones de client d'onglet non affichées.

Nous avions créé un panneau de modèle XML. Notre configuration était d'afficher un TabLayoutPanel dans un onglet d'un autre TabLayoutPanel . Le premier TabLayoutPanel était entièrement visible, l'enfant TabLayoutPanel était invisible mais pas 'caché'.

BTW ce problème ne s'est pas présenté sous Firefox !!!!! Faire tous les panneaux des enfants de ResizeComposite et finalement les enfants du panneau de mise en page racine fait aucune différence. Cependant j'ai gardé ce mod comme il a semblé être la manière correcte de GWT de coder des panneaux de disposition .

La solution de problèmes comme il s'est avéré était assez surprenant et inattendu.

J'avais des tailles spécifiées de panneaux composites dans les unités EM. Lorsque j'ai basculé l'enfant TabLayoutPanel aux unités PX et son onglet enfants panneaux aux unités PX tout affiché OK.