2 Replies Latest reply: Nov 12, 2012 4:17 AM by lspatil25 RSS

    Controlling one styleclass through another in ADF skinning

    lspatil25
      PFB the code snippet, first command link is parent link & rest coming from <af:forEach are children links

      +<af:commandLink text="Parent Link" id="pt_cl4"+
      styleClass="parentLink"/>

      +<af:panelDashboard id="pt_pd2" columns="3" rowHeight="40px" styleClass="childrenLinks">+
      +<af:forEach items="#{bindings.LOVIterator.allRowsInRange}"+
      var="node">
      +<af:commandLink text="#{node.name}" id="pt_cl5" />+
      +</af:forEach>+
      +</af:panelDashboard>+

      In css:

      +.childrenLinks{+
      display:none;
      +}+

      Is it possible to control visibility of childrenLinks via css “af|commandLink. parentLink:hover’?

      The usecase is for hover menu.

      e.g. (for below syntax is not correct)

      +af|commandLink. parentLink:hover childrenLinks {+
      display: block;
      z-index: 999;
      +}+