5 Replies Latest reply on Jun 19, 2013 7:26 AM by 1005114

    Panel accordion component

    1005114

      Hi

       

      i have an doubt

      how to fit / stretch the panel accordion component with showdetailItem as child inside panel stretch layout center facet

      it is not stretching to fit the center facet even styleClass="AFStretchWidth" is set for both panel accordion and shodetailItem

      Adding extra over flow icon sometime .

       

      Copied the code am using :

       

      <af:panelstretchLayout id="psl1">

                    <f:facet name="top"/>

                    <f:facet name="bottom"/>

                    <f:facet name="start"/>

                    <f:facet name="end"/>

        <af:decorativeBox id="db4">

                    <f:facet name="center">

                      <af:panelGroupLayout layout="scroll"

                                           xmlns:af="http://xmlns.oracle.com/adf/faces/rich"

                                           id="pgl4">

                        <af:panelLabelAndMessage label="My Reservations" id="plam1"

                                                 inlineStyle="color:Black;"/>

                     

                            <af:panelAccordion id="pa1" discloseMany="true" styleClass="AFStretchWidth">

                              <af:showDetailItem text="Current" id="sdi1" styleClass="AFStretchWidth">

                                <af:table value="#{bindings.d.collectionModel}" styleClass="AFStretchWidth"

                                          var="row" rows="#{bindings.d.rangeSize}"

                                          emptyText="#{bindings.d.viewable ? 'No data to display.' : 'Access Denied.'}"

                                          fetchSize="#{bindings.d.rangeSize}"

                                          rowBandingInterval="0" id="t1">

                                  <af:column sortProperty="name" sortable="false"

                                             headerText="#{bindings.d.hints.name.label}"

                                             id="c5">

                                    <af:outputText value="#{row.name}" id="ot4"/>

                                  </af:column>

                                  <af:column sortProperty="org" sortable="false"

                                             headerText="#{bindings.d.hints.org.label}"

                                             id="c2">

                                    <af:outputText value="#{row.org}" id="ot2"/>

                                  </af:column>

                                  <af:column sortProperty="id" sortable="false"

                                             headerText="#{bindings.d.hints.id.label}"

                                             id="c3">

                                    <af:outputText value="#{row.id}" id="ot5"/>

                                  </af:column>

                                  <af:column sortProperty="id2" sortable="false"

                                             headerText="#{bindings.d.hints.id2.label}"

                                             id="c4">

                                    <af:outputText value="#{row.id2}" id="ot3"/>

                                  </af:column>

                                  <af:column sortProperty="dept" sortable="false"

                                             headerText="#{bindings.d.hints.dept.label}"

                                             id="c1">

                                    <af:outputText value="#{row.dept}" id="ot1"/>

                                  </af:column>

                                </af:table>

                              </af:showDetailItem>

                               <af:showDetailItem text="Upcoming" id="sdi2" styleClass="AFStretchWidth">

                                <af:table value="#{bindings.data.collectionModel}" styleClass="AFStretchWidth"

                                          var="row" rows="#{bindings.data.rangeSize}"

                                          emptyText="#{bindings.data.viewable ? 'No data to display.' : 'Access Denied.'}"

                                          fetchSize="#{bindings.data.rangeSize}"

                                          rowBandingInterval="0" id="t2">

                                  <af:column sortProperty="name" sortable="false"

                                             headerText="#{bindings.data.hints.name.label}"

                                             id="c8">

                                    <af:outputText value="#{row.name}" id="ot7"/>

                                  </af:column>

                                  <af:column sortProperty="org" sortable="false"

                                             headerText="#{bindings.data.hints.org.label}"

                                             id="c9">

                                    <af:outputText value="#{row.org}" id="ot6"/>

                                  </af:column>

                                  <af:column sortProperty="id" sortable="false"

                                             headerText="#{bindings.data.hints.id.label}"

                                             id="c6">

                                    <af:outputText value="#{row.id}" id="ot10"/>

                                  </af:column>

                                  <af:column sortProperty="id2" sortable="false"

                                             headerText="#{bindings.data.hints.id2.label}"

                                             id="c10">

                                    <af:outputText value="#{row.id2}" id="ot8"/>

                                  </af:column>

                                  <af:column sortProperty="dept" sortable="false"

                                             headerText="#{bindings.data.hints.dept.label}"

                                             id="c7">

                                    <af:outputText value="#{row.dept}" id="ot9"/>

                                  </af:column>

                                </af:table>

                              </af:showDetailItem>

                               <af:showDetailItem text="Past" id="sdi3" styleClass="AFStretchWidth">

                                <af:table value="#{bindings.d1.collectionModel}" styleClass="AFStretchWidth"

                                          var="row" rows="#{bindings.d1.rangeSize}"

                                          emptyText="#{bindings.d1.viewable ? 'No data to display.' : 'Access Denied.'}"

                                          fetchSize="#{bindings.d1.rangeSize}"

                                          rowBandingInterval="0" id="t3">

                                  <af:column sortProperty="name" sortable="false"

                                             headerText="#{bindings.d1.hints.name.label}"

                                             id="c15">

                                    <af:outputText value="#{row.name}" id="ot14"/>

                                  </af:column>

                                  <af:column sortProperty="org" sortable="false"

                                             headerText="#{bindings.d1.hints.org.label}"

                                             id="c11">

                                    <af:outputText value="#{row.org}" id="ot15"/>

                                  </af:column>

                                  <af:column sortProperty="id" sortable="false"

                                             headerText="#{bindings.d1.hints.id.label}"

                                             id="c14">

                                    <af:outputText value="#{row.id}" id="ot12"/>

                                  </af:column>

                                  <af:column sortProperty="id2" sortable="false"

                                             headerText="#{bindings.d1.hints.id2.label}"

                                             id="c13">

                                    <af:outputText value="#{row.id2}" id="ot11"/>

                                  </af:column>

                                  <af:column sortProperty="dept" sortable="false"

                                             headerText="#{bindings.d1.hints.dept.label}"

                                             id="c12">

                                    <af:outputText value="#{row.dept}" id="ot13"/>

                                  </af:column>

                                </af:table>

                              </af:showDetailItem>

                            </af:panelAccordion>

                        

                      </af:panelGroupLayout>

                    </f:facet>

                  </af:decorativeBox>

      </af:panelStretchLayout>