2 Replies Latest reply on Sep 17, 2007 4:44 AM by thoemmes86

    Collapsible Panel with richfaces 3.1.0 and rich:effect

    thoemmes86

      Hallo!

      I want to create a collapsible Panel with richfaces BlindUp and BlindDown Effect.
      I have allready build a Richpanel with the effects to Open and Close the Panel.
      Before I used t:collapsiblePanel and saved the Panelstatus in a Cookie. Now I need to know how I can say to the Page on Open that the richpanel is open or closed.

      Here is my code. I hope someone can help me.

      <rich:panel style="width:350px" styleClass="box" headerClass="panelHead" bodyClass="panelBody">
       <f:facet name="header">
       <h:panelGroup id="termineHead">
       <a4j:commandLink style="text-decoration:none; vertical-align:middle; font-size:10px;" rendered="#{!JIWMPortalHeuteBean.MDlgPortalHeute.MCollapsedTermine}" onclick="downDto({duration:0.8})" id="commandLinkMax" action="#{JIWMPortalHeuteBean.MDlgPortalHeute.aktionCollapsedTermine}" reRender="termineHead">
       <h:graphicImage value="/images/style/maximieren.png" style="border-width:0px; vertical-align:middle" rendered="#{!JIWMPortalHeuteBean.MDlgPortalHeute.MCollapsedTermine}"></h:graphicImage>
       <h:outputText value="#{language.termine}:" styleClass="TextLabelFo" style="font-weight:bold;" />
       </a4j:commandLink>
       <a4j:commandLink style="text-decoration:none; vertical-align:middle; font-size:10px;" rendered="#{JIWMPortalHeuteBean.MDlgPortalHeute.MCollapsedTermine}" onclick="upDto({duration:0.8})" id="commandLinkMin" action="#{JIWMPortalHeuteBean.MDlgPortalHeute.aktionCollapsedTermine}" reRender="termineHead">
       <h:graphicImage value="/images/style/minimieren.png" style="border-width:0px; vertical-align:middle"></h:graphicImage>
       <h:outputText value="#{language.termine}:" styleClass="TextLabelFo" style="font-weight:bold;" />
       </a4j:commandLink>
       </h:panelGroup>
       </f:facet>
       <rich:effect name="upDto" for="dtoTermine" type="BlindUp"></rich:effect>
       <rich:effect name="downDto" for="dtoTermine" type="BlindDown"></rich:effect>
      
       <rich:panel style="" id="dtoTermine" styleClass="box" headerClass="panelHead" bodyClass="panelBody">
       <t:dataTable id="termine"
       rowClasses="StyleAktivWrap" columnClasses="DataTableFOColumn"
       footerClass="" headerClass="DataTableFOHead" rowClasses="StyleAktiv"
       styleClass="DataTableFO"
       value="#{JIWMPortalHeuteBean.MDlgPortalHeute.MDlgPortalHeuteTermine.MGridManager.dtoPortalHeuteTermine.MDaten}"
       border="0" var="item" >
       <t:column style="background-color: #{item.bgColor}"
       width="#{JIWMPortalHeuteBean.MDlgPortalHeute.MDlgPortalHeuteTermine.MGridManager.dtoPortalHeuteTermine.breiteSpalten[0]}px">
       <h:outputText value="#{item.MOASpaltenwerte[2].MValue}" styleClass="TextLabelFo" />
       </t:column>
       <t:column style="background-color: #{item.bgColor}; whitesp">
       <f:facet name="header">
       </f:facet>
       <h:commandLink
       action="#{JIWMPortalHeuteBean.MDlgPortalHeute.MDlgPortalHeuteTermine.auswahlTermin}"
       id="VirtNr" value="#{item.MOASpaltenwerte[0].MValue}"
       style="background-color: #{item.bgColor}; ">
       <f:param name="TERMINHEUTE" value="#{item.DNVirtNr}"></f:param>
       <f:param name="SEITENID" value="HTP00"></f:param>
       </h:commandLink>
       <jp:popupFrame immediate="true" title="#{language.weitereInformationen}" resizable="false" popupTitleStyle="TextLabelFo" popupTitle="#{language.info}" center="true"
       rendered="#{item.MOASpaltenwerte[0].MBStringZuLang}" value=" ..."
       width="400" height="220" actionOpen="#{FoBean.navigationViewMemoFeld}">
       <t:updateActionListener value="#{item.MOASpaltenwerte[0].MOriginalValue}" property="#{FoBean.MSViewMemo}"></t:updateActionListener>
       </jp:popupFrame>
       </t:column>
       </t:dataTable>
       </rich:panel>
       </rich:panel>