0 Replies Latest reply on Aug 4, 2008 11:36 AM by channing.jackson

    Expand/collapse transitions for PanelMenu

    channing.jackson

      I saw that being able to specify a transition effect (i.e. BlindDown, BlindUp) on an existing component was requested and gained some fans from the community.

      I am currently using:
      RichFaces 3.2.0.SR1
      MyFaces 1.2.2
      Tomahawk 1.1.6
      Facelets 1.1.14

      I have a PanelMenu built programmatically from a data structure in a database. It works great. However, I'd like to BlindDown/BlindUp the expand/collapse transitions when a Menu Group is clicked by the user. I have tried several combinations, including using a <rich:effect> tag as a child to both the menu (assigned to event 'ongroupexpand' or 'ongroupcollapse') and to the group (assigned to event 'onexpand' or 'oncollapse') and they did not result in the desired behavior.

      I assumed that something like the following would work:

       HtmlEffect effect = new HtmlEffect();
       effect.setEvent("oncollapse");
       effect.setType("BlindUp");
       effect.setParams("duration:0.9");
       effect.setParent(group);
      


      or...(I know the syntax below is not quite right, but I tried it several ways)...

       group.setOncollapse("this.doCollapse() {transition: BlindUp {duration:0.9})}");
      


      Has anyone done something similar to this? It seems that with the rich scripting (Script.aculo.us) and rich component library provided, this should be possible.

      Any help or insight would be great.