You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by John <jo...@quivinco.com> on 2012/10/30 15:03:27 UTC
Configurable site navigation menu?
Is there a dynamic and configurable tapestry menu component? Perhaps using a standard JavaScript library.
I'm dreading creating a JavaScript based solution and then hacking at it with tapestry, and that would not be 100% dynamic because I'd create a complete menu using a web design package.
John
Re: Configurable site navigation menu?
Posted by John <jo...@quivinco.com>.
This looks like just what I need.
Is there any example showing an associated page class, can I include this in a Layout class so it goes on all pages? That would rock.
John
----- Original Message -----
From: Emmanuel DEMEY
To: Tapestry users
Sent: Tuesday, October 30, 2012 2:06 PM
Subject: Re: Configurable site navigation menu?
Hi,
You can maybe have a look to the Tapestry5-jQuery Superfish Component :
http://tapestry5-jquery.com/components/docssuperfish
Manu
2012/10/30 John <jo...@quivinco.com>
> Is there a dynamic and configurable tapestry menu component? Perhaps using
> a standard JavaScript library.
>
> I'm dreading creating a JavaScript based solution and then hacking at it
> with tapestry, and that would not be 100% dynamic because I'd create a
> complete menu using a web design package.
>
> John
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Configurable site navigation menu?
Posted by John <jo...@quivinco.com>.
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 <jo...@quivinco.com> 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: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Configurable site navigation menu?
Posted by John <jo...@quivinco.com>.
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 <jo...@quivinco.com> 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: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Configurable site navigation menu?
Posted by Thiago H de Paula Figueiredo <th...@gmail.com>.
On Tue, 30 Oct 2012 14:14:21 -0200, John <jo...@quivinco.com> 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: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Configurable site navigation menu?
Posted by John <jo...@quivinco.com>.
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?
many thanks,
John
----- Original Message -----
From: Emmanuel DEMEY
To: Tapestry users
Sent: Tuesday, October 30, 2012 2:06 PM
Subject: Re: Configurable site navigation menu?
Hi,
You can maybe have a look to the Tapestry5-jQuery Superfish Component :
http://tapestry5-jquery.com/components/docssuperfish
Manu
2012/10/30 John <jo...@quivinco.com>
> Is there a dynamic and configurable tapestry menu component? Perhaps using
> a standard JavaScript library.
>
> I'm dreading creating a JavaScript based solution and then hacking at it
> with tapestry, and that would not be 100% dynamic because I'd create a
> complete menu using a web design package.
>
> John
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Configurable site navigation menu?
Posted by Emmanuel DEMEY <de...@gmail.com>.
Hi,
You can maybe have a look to the Tapestry5-jQuery Superfish Component :
http://tapestry5-jquery.com/components/docssuperfish
Manu
2012/10/30 John <jo...@quivinco.com>
> Is there a dynamic and configurable tapestry menu component? Perhaps using
> a standard JavaScript library.
>
> I'm dreading creating a JavaScript based solution and then hacking at it
> with tapestry, and that would not be 100% dynamic because I'd create a
> complete menu using a web design package.
>
> John
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey