TabPanel dans le style TabPanel

La mise en page de mon application se compose d'un TapPanel, qui contient un autre TabPanel. J'aimerais que les deux TabPanels soient différents. Après le tutoriel GWT sur l'application des styles, j'ai fait ce qui suit:TabPanel dans le style TabPanel

TabPanel innerTabPanel= new TabPanel(); 
//carriersTabPanel.setSize("100%", "100%"); 
innerTabPanel.addStyleName("inner-tabPanel"); 


.gwt-TabPanel .inner-tabPanel{ 
    width: 100%; 
    height: 100%; 
}

Ceci, cependant, n'a eu aucun effet. Puis j'ai essayé ce qui suit, mais cela n'a pas fonctionné non plus:

.inner-tabPanel{ 
    width: 100%; 
    height: 100%; 
}

Alors, comment puis-je personnaliser les deux panneaux séparément?

Source

2010-07-25 mobilekid

Quel genre d'effet attendiez-vous? Si tout ce que vous faites est de changer la taille de 100% x100% à 100% x100%, il n'y aura pas grand chose à voir. Ou ne nous montrez-vous pas du code? –

Je m'attendais à passer à la largeur du TabPanel interne à 100%, c'est-à-dire la largeur du navigateur. Le même résultat que l'instruction commentée //carriersTabPanel.setSize("100% "," 100% "), qui fonctionne bien. – mobilekid

Les valeurs de pourcentage pour la largeur et la hauteur sont relatives au parent et non à la fenêtre. As w3schools notes,% "Définit la largeur en pourcentage du bloc conteneur".

Si vous voulez voir l'effet de vos règles, essayez de définir la propriété CSS background-color ou color à la place. Par exemple, .inner-tabPanel { color: red} définira la couleur du texte dans le panneau de tabulation interne en rouge, en supposant qu'il n'y a pas d'autres règles en conflit. Dans cette situation et toutes les autres situations de débogage CSS, Firebug est l'outil de premier choix.

Source

2010-07-26 13:29:42 aem

Le bloc conteneur a la largeur de la fenêtre en tant que transporteursTabPanel.setSize ("100%", "100%") en Java rend le TabPanel aussi large que la fenêtre elle-même. Je pensais que le problème était lié aux références des éléments de la classe div. Je vais vérifier votre suggestion ce soir. – mobilekid

TabPanel dans le style TabPanel

Répondre

Questions connexes