I dont know why it has to be so much complicated over the hover event in CSS skinning. It is not that I have not tried enough. I have extensively searched over the web, oracle forums and metalink but just can not find the reference to hover mechanism when links are inside an ADF components. In addition to this, lack of adequate documentation from Oracle puts extra strain on development timeline
Anyways, I will stop whining and describe the issue.
First, I tried using skinning to achieve a functionality when mouse hovers over a link, it should underline and when mouse leaves the link, the underlinke should disappear. THIS WORKS JUST FINE using conventional HTML/CSS pseudo classes but just wont work with ADF.
I tried using CSS pseudo selector :hover with .AFLinkForeground:alias component selector but it wont work
i.e.
.AFLinkForeground:alias:hover{text-decoration:underline;}
So, as a
PLAN B, I gave up on the skinning and moved on to inline CSS within JSPX. I learned that css pseudo classes DO NOT work any deeper other than document. Hence, I should use OraLink instead. Below mentioend link describes this in detail.
2315701
And below is the inline CSS
<style>
.OraLink:hover{text-decoration:underline;} .
OraLink:visited {color:red}
</style>
And below is how I used
<af:panelBox width="50%" inlineStyle="padding-left:11.5%;">
<af:goLink styleClass="
OraLink" text="Site Use|" destination="./coinfo.html" inlineStyle="font-size:small;text-decoration:none;font-family:Arial; color:rgb(0,148,231);"/>
</af:panelBox>
------------
Please note that hovering just works fine when links are outside ADF containers such as af panelbox.
Any help in this regard is highly appreciated. Thank you so much in advance for reading the post.
-Ruchir