I didn't get this result!
I put this in my Layout.tml
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>${title}</title>
<link href="/layout/superfish.css" rel="stylesheet" type="text/css"/>
</head>
In the rendered page the new css link appears at the top of the list above
component css:
<head><meta content="Apache Tapestry Framework (version 5.3.6)"
name="generator"/><meta content="text/html; charset=utf-8"
http-equiv="content-type"/><title>TapestryDemo Index</title><link
type="text/css" rel="stylesheet" href="/layout/superfish.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/default.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/themes/ui-lightness/jquery-ui-1.8.19.custom.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/ctx/layout/layout.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/tapestry-console.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-alerts.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/tree.css"/><link
type="text/css" rel="stylesheet"
href="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/assets/components/superfish/css/superfish.css"/><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/tap-jquery/tapestry.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/jquery_core/jquery-1.7.2.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/ui_1_8_19/jquery.ui.core.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/ui_1_8_19/jquery.ui.position.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/ui_1_8_19/jquery.ui.widget.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/ui_1_8_19/jquery.effects.core.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/jquery.json-2.2.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/ui_1_8_19/jquery.effects.highlight.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/jquery.effects.show.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/underscore_1_3_3.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-core.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-spi.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/t5-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-init.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-pubsub.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-events.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/t5-dom-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/t5-console-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/t5-ajax-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/t5-formfragment.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/t5-alerts-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/tapestry-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/tapestry-console.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/t5-tree-jquery.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/core/tapestry-messages.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/assets/components/superfish/js/hoverIntent.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/assets/components/superfish/js/jquery.bgiframe.min.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/assets/components/superfish/js/superfish.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/assets/components/superfish/js/supersubs.js"
type="text/javascript"></script><script
src="/TapestryDemo/assets/1.0-SNAPSHOT-DEV/jquery/assets/components/superfish/js/mySuperfish.js"
type="text/javascript"></script></head>
----- Original Message -----
From: Thiago H de Paula Figueiredo
To: Tapestry users
Sent: Tuesday, October 30, 2012 4:17 PM
Subject: Re: Configurable site navigation menu?
On Tue, 30 Oct 2012 14:14:21 -0200, John <[email protected]> wrote:
> This was really great.
>
> I just dropped the code into my Layout class and added the dependencies.
> I can't see how to customize the css though? I presume it's burried in a
> jar. Is there a best approach to change the default style?
Ordinary (as in "the same as without Tapestry") CSS overriding. Just add
your CSS file in your Layout.tml and it will be placed after the component
CSS.
--
Thiago H. de Paula Figueiredo
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
