You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Daniel Loebbe <da...@gmail.com> on 2005/10/21 15:03:28 UTC

JSCookMenu Themes and Facelets

Hi all,

I like to use the JSCookMenu from the myfaces extensions and Facelets.
After adding the tags
<tag>
	<tag-name>jscookMenu</tag-name>
	<component>
		<component-type>
			org.apache.myfaces.JSCookMenu
		</component-type>
		<renderer-type>org.apache.myfaces.JSCookMenu</renderer-type>
	</component>
</tag>
and
<tag>
	<tag-name>navigationMenuItems</tag-name>
	<component>
		<component-type>
			javax.faces.SelectItems
		</component-type>
	</component>
</tag>
to the taglib definition (tomahawk.taglib.xml) the menu is rendered
and works. But neither the default theme (images are missing) nor
overwriting the theme works.

1) Facelets tells me that the property "styleLocation" is not on type
org.apache.myfaces.custom.navmenu.jscookmenu.HtmlCommandJSCookMenu.

2) The style sheet is not taken from the specified localtion (see
html-output below).

<head>
<title>Gasoline</title>
<base href="http://localhost:9001//MyApp"/>
<link rel="stylesheet" type="text/css" <link rel="stylesheet"
type="text/css" href="/MyApp/css/basic.css"/>
<script src="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/JSCookMenu.js"
type="text/javascript"></script>
<script src="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/MyFacesHack.js"
type="text/javascript"></script>
<script src="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/ThemeOffice/theme.js"
type="text/javascript"></script>
<link rel="stylesheet"
href="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/ThemeOffice/theme.css"
type="text/css"/>
</head>

3) I cannot overwrite the automatically included style sheet, because
the js- and css- links are rendered at the end of the <jead>. Manually
included style sheet defining the proper styles are overwritten.

=> The menu is rendered in the default style except the images. The
menu font is specified in and taken from another global style sheet.
The extension filter settings seems to work as the js-file are loaded
properly from the generated urls.

Any ideas? I use myfaces 1.1.0 and facelets as distributed by the
exadel studio 3.0.5.

Thanks, Daniel

Re: JSCookMenu Themes and Facelets

Posted by Daniel Loebbe <da...@gmail.com>.
Hi,

am I the only one having problems with the JSF JSCookMenu and
Fecelets? Event the standard themes are not loaded properly (in
detail: their images).

Bye, Daniel

2005/10/21, Daniel Loebbe <da...@gmail.com>:
> Hi all,
>
> I like to use the JSCookMenu from the myfaces extensions and Facelets.
> After adding the tags
> <tag>
>        <tag-name>jscookMenu</tag-name>
>        <component>
>                <component-type>
>                        org.apache.myfaces.JSCookMenu
>                </component-type>
>                <renderer-type>org.apache.myfaces.JSCookMenu</renderer-type>
>        </component>
> </tag>
> and
> <tag>
>        <tag-name>navigationMenuItems</tag-name>
>        <component>
>                <component-type>
>                        javax.faces.SelectItems
>                </component-type>
>        </component>
> </tag>
> to the taglib definition (tomahawk.taglib.xml) the menu is rendered
> and works. But neither the default theme (images are missing) nor
> overwriting the theme works.
>
> 1) Facelets tells me that the property "styleLocation" is not on type
> org.apache.myfaces.custom.navmenu.jscookmenu.HtmlCommandJSCookMenu.
>
> 2) The style sheet is not taken from the specified localtion (see
> html-output below).
>
> <head>
> <title>Gasoline</title>
> <base href="http://localhost:9001//MyApp"/>
> <link rel="stylesheet" type="text/css" <link rel="stylesheet"
> type="text/css" href="/MyApp/css/basic.css"/>
> <script src="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/JSCookMenu.js"
> type="text/javascript"></script>
> <script src="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/MyFacesHack.js"
> type="text/javascript"></script>
> <script src="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/ThemeOffice/theme.js"
> type="text/javascript"></script>
> <link rel="stylesheet"
> href="/MyApp/faces/myFacesExtensionResource/navmenu.jscookmenu.HtmlJSCookMenuRenderer/11266487/ThemeOffice/theme.css"
> type="text/css"/>
> </head>
>
> 3) I cannot overwrite the automatically included style sheet, because
> the js- and css- links are rendered at the end of the <jead>. Manually
> included style sheet defining the proper styles are overwritten.
>
> => The menu is rendered in the default style except the images. The
> menu font is specified in and taken from another global style sheet.
> The extension filter settings seems to work as the js-file are loaded
> properly from the generated urls.
>
> Any ideas? I use myfaces 1.1.0 and facelets as distributed by the
> exadel studio 3.0.5.
>
> Thanks, Daniel
>