html - panelStretchLayout's "top" and "center" facets overlapping -


i'm looking create template resembles following: layout1

what being rendered: enter image description here

this layout code i'm using:

<af:panelstretchlayout id="pt_psl1">     <f:facet name="top">                         <af:panelgrouplayout id="pgl_top" styleclass="header">             <div class="logo">             .             .             .             </div>              <div class="searchdiv">             .             .             .             </div>              <div class="userdiv">             .             .             .             </div>         </af:panelgrouplayout>       </f:facet>      <f:facet name="center">         <af:panelgrouplayout id="pt_pgl2" styleclass="postheaderdiv">             <af:panelsplitter id="pt_ps1">                 <f:facet name="first">                     <h:outputformat value="outputformat1" id="pt_of1"/>                 </f:facet>                 <f:facet name="second">                     <h:outputformat value="outputformat2" id="pt_of2"/>                 </f:facet>             </af:panelsplitter>         </af:panelgrouplayout>     </f:facet> </af:panelstretchlayout> 

the problem facet "center" seems embedding inside facet "top" , inline height of 50px along overlfow:hidden property preventing facet "center" content shown on page.

on further investigation of rendered html, found following: enter image description here

i don't quite understand why facet "center" content becomming child of facet "top" whereas should have been outside facet "top" div. there wrong in template markup?

i highly recommend use newer af:panelgridlayout component design template.

in case, shouldn't mixing div html tags in layout definition - use adf faces tags. did define height want center section in af:panelstretchlayout ?

you don't need panelgrouplayout around splitter.


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -