Placer un widget au-dessus d'un TabLayoutPanel
Bonjour,
J'ai écrit le code pour produire une page avec navigation par onglets avec TabLayoutPanel, ça fonctionne, et je voudrais réussir à placer une bannière (une image) au-dessus des onglets. Mais impossible de faire passer le système de navigation par onglet en dessous de l'image, le TabLayoutPanel s'obstine à rester tout en haut de la page.
J'ai essayé, par exemple, de placer l'image puis le TabLayoutPanel dans un VerticalPanel, mais les onglets restent tout en haut, au-dessus de l'image.
Est-ce que c'est possible de repositionner le TabLayoutPanel pour qu'il ne soit pas forcément tout en haut ?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
|
public void onModuleLoad() {
Image banier = new Image("images/ban.JPG");
String[] tabTitles = new String[3];
tabTitles[0] = "Onglet1";
tabTitles[1] = "Onglet2";
tabTitles[2] = "Onglet3";
VerticalPanel vp = new VerticalPanel();
TabLayoutPanel p = new TabLayoutPanel(1.5, Unit.EM);
p.setAnimationDuration(1000);
p.getElement().getStyle().setMarginBottom(10.0, Unit.PX);
HTML html1 = new HTML("texte1");
p.add(html1, tabTitles[0]);
Image logogwt = new Image("images/gwtimg.JPG");
SimplePanel imageContainer = new SimplePanel();
imageContainer.setWidget(logogwt);
p.add(imageContainer, tabTitles[1]);
HTML html2 = new HTML("texte2");
p.add(html2, tabTitles[2]);
p.selectTab(0);
RootLayoutPanel rp = RootLayoutPanel.get();
rp.add(p);
vp.add(banier);
vp.add(rp);
RootPanel.get().add(vp);
} |