1 Reply Latest reply: Feb 4, 2013 4:48 AM by Dimitar Dimitrov RSS

    Problem with using panel grid layout

    998899-Oracle
      Hi,

      I am using jdev 11.1.2.2 . I am trying to design a page template using Panel Grid Layout similar to the one shown in this page https://blogs.oracle.com/groundside/entry/panelgridlayouta_layout_revolution_ , but my center grid occupies only half the screen not the whole screen as shown in the blog. I am attaching my code page source here .

      Can anyone please tell me what I am missing here ?
      <?xml version='1.0' encoding='UTF-8'?>
      <af:pageTemplateDef xmlns:af="http://xmlns.oracle.com/adf/faces/rich" 
                          xmlns:afc="http://xmlns.oracle.com/adf/faces/rich/component" xmlns:f="http://java.sun.com/jsf/core">
          <af:xmlContent>
              <afc:component>
                  <afc:display-name>templateDef1</afc:display-name>
                  <afc:facet>
                      <afc:facet-name>center</afc:facet-name>
                  </afc:facet>
              </afc:component>
          </af:xmlContent>
          <af:panelGridLayout id="pgl1">
              <af:gridRow id="pt_gr1" height="80px">
                  <af:gridCell id="pt_gc1" marginEnd="6px"  valign="middle" halign="center" width="180px">
                      <af:goImageLink id="pt_gil1" styleClass="AFBrandingBarLogo" destination="www.oracle.com"
                                      targetFrame="_self"/>
                  </af:gridCell>
                  <af:gridCell id="pt_gc2"  halign="start" valign="middle" width="100%">
                      <af:outputText value="Sample Project" id="ptot2"
                                     styleClass="AFBrandingBarTitle"/>
                  </af:gridCell>
                  <af:gridCell id="pt_gc3" width="100%" halign="end" valign="middle">
                      <af:navigationPane styleClass="AFStretchWidth" hint="buttons" id="tnp1">
                          <af:commandNavigationItem text="Logout" action="#{Login.logout}" id="tcni1" immediate="true"/>
                      </af:navigationPane>
                  </af:gridCell>
              </af:gridRow>
              <af:gridRow id="pt_gr2" height="100%">
                  <af:gridCell id="pt_gc4"  columnSpan="3" halign="stretch" valign="stretch" width="100%">
                      <af:panelSplitter id="pt_ps1" splitterPosition="180">
                          <f:facet name="first"/>
                          <f:facet name="second">
                              <af:facetRef facetName="center"/>
                          </f:facet>
                      </af:panelSplitter>
                  </af:gridCell>
              </af:gridRow>
              <af:gridRow id="pt_gr3" height="30px">
                  <af:gridCell id="pt_gc5" marginEnd="6px" valign="middle" halign="end" columnSpan="3"/>
                  <af:outputText id="ot1" value="copyRight"/>
              </af:gridRow>
          </af:panelGridLayout>
      </af:pageTemplateDef>
      Thanks in advance,
      Sam