Discussion :

[sicard_51]

Salut à tous !

Bon voila je cherche à faire un truc qui sur le papier ne semble pas trop compliqué mais sur lequel je bute.

En gros, j'ai la page principale de ma page (je suis sur du richfaces 3.3) qui se compose :
- d'un menu principale en haut
- d'un rich:tabPanel au centre

Cela donne (j'ai épuré le code pour ne garder que l'essentiel) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<f:view>
   <a4j:form id="form" enctype="multipart/form-data">
 
      <rich:panel id="menupanel">
         composants pour le menu principal...           
      </rich:panel>
 
      <rich:tabPanel switchType="ajax">
         <c:forEach items="#{tabPanelManager.tabLst}" var="tab">
            <rich:tab id="#{tab.id}" label=#{tab.label} name="#{tab.name}" rendered="true">
               <rich:panel>
                  composants pouvant prendre pas mal de place
               </rich:panel>
            </rich:tab>
         </c:forEach>
      </rich:tabPanel>
 
   </a4j:form>
</f:view>

Ce que je cherche à faire, c'est faire en sorte que le rich:tabPanel prenne toute la place disponible à l'écran et que si le contenu du rich:panel à l'intérieur du rich:tab dépasse la place disponible, une scroll bar apparaisse.

J'ai fait pas mal de tentative, en m'inspirant de ce post : http://www.developpez.net/forums/d64...al-rich-panel/

J'arrive à faire apparaître la scroll bar dans le rich:panel mais cela m'oblige à donner à ce rich:panel une hauteur fixe en pixel alors que je veux qu'il prenne tout l'espace disponible à l'écran (en gros la scrollbar ne doit pas appraître au même endroit suivant la résolution de l'écran).

J'espère avoir été clair...

Merci de votre aide.

[otabbakh]

Essaye avec les style CSS en spéciant les width et height en pourcentage (page totale 100%)