html - panelStretchLayout's "top" and "center" facets overlapping -
i'm looking create template resembles following: 
what being rendered: 
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: 
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
Post a Comment