2 Replies Latest reply on Aug 24, 2011 1:13 PM by Teeradej Dumrongtrakulcharoen

    Cannot use rich:effect with Richfaces 4

    Teeradej Dumrongtrakulcharoen Newbie

      Hi All,

       

      I would like to use "rich:effect" with Richfaces 4 but it has no this tag

       

      I would like to implement as follow :

       

      Example :

          <rich:panel id="foldbox" styleClass="box">

              <f:facet name="header">Fold Effect</f:facet>

              <rich:effect event="onclick"  type="Fold" params="duration:0.8" />

              <rich:effect event="onclick"  for="foldbox"  type="Appear" params="delay:3.0,duration:0.5" />

              <h:outputText value="Click to Activate" />

          </rich:panel>

       

      My Code :

          <rich:panelMenu style="width:200px" itemMode="ajax" groupMode="ajax" itemChangeListener="#{panelMenuBean.updateCurrent}"

              groupExpandedLeftIcon="triangleUp" groupCollapsedLeftIcon="triangleDown"

              topGroupExpandedRightIcon="chevronUp" topGroupCollapsedRightIcon="chevronDown" itemLeftIcon="disc">

              <rich:panelMenuGroup label="Living" id="componentId" expanded="true" >

                <rich:panelMenuItem label="Home theater" name="HomeTheaterMenu" style="text-align:left" leftIcon="/images/icons/lamp_red.png" rightIcon="/images/icons/arrow2.png" />

                <rich:panelMenuItem label="Air conditioner" name="AirConditionerMenu" style="text-align:left" leftIcon="/images/icons/lamp_green.png" />

                <rich:panelMenuItem label="Lump" name="LumpMenu" style="text-align:left" leftIcon="/images/icons/lamp_green.png" />

                <rich:effect event="onclick"  type="Fold" params="duration:0.8" />

                <rich:effect event="onclick"  for="foldbox"  type="Appear" params="delay:3.0,duration:0.5" />

              </rich:panelMenuGroup>

          </rich:panelMenu>

       

      Could someone suggest me? How to use other function instead?

       

      Thank you all for you help,

      Teeradej