Provide support for icon shadow animation in JSCookMenu
-------------------------------------------------------
Key: TOMAHAWK-1465
URL: https://issues.apache.org/jira/browse/TOMAHAWK-1465
Project: MyFaces Tomahawk
Issue Type: Bug
Components: JS Cook Menu
Affects Versions: 1.1.9
Environment: Websphere 6.1.0.25
Reporter: Brice FINES
Priority: Minor
JSCookMenu included in Tomahawk provides support for icon shadow animation
(i.e. swap image while mouse is over), but Tomahawk component lacks support for
this feature.
According to JSCookmenu documentation (available for example in
incubator-myfaces/src/components/org/apache/myfaces/custom/navmenu/resource/jscookmenu/ThemeOffice/theme.css
), image animation is supported:
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif"
/>
*/
But it is not compatible with current Tomahawk component implementation, since
there is only one field for "icon", and HtmlJSCookMenuRenderer is doing the
following:
if (item.getIcon() != null) {
String iconSrc =
context.getApplication().getViewHandler().getResourceURL(context,
item.getIcon());
writer.append("'<img src=\"");
writer.append(context.getExternalContext().encodeResourceURL(iconSrc));
writer.append("\"/>'");
}
So it is not possible to use direct HTML JSCookMenu syntax in icon field (we
would get something like <img src=<img class="seq1" src="normal.gif" /><img
class="seq2" ...).
Maybe a possible way to solve this and offer support for this JSCookMenu
feature would be an optional iconHover field.
For an example of icon animation in JSCookMenu, please have a look at the
following URL ("Animation" section):
http://jscook.yuanheng.org/JSCookMenu/ThemeOffice.html
Thanks
Regards
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.
