- Assets should be stored along with the page you are creating.
- General resources (CSS, JS, and images should be put in (you could try other spots, but I had trouble finding them with Jetty)
- src/main/webapp/css
- src/main/webapp/js
- src/main/webapp/images
- In case of CSS/JS/images for components, have a look into the way the T5 Grid or Palette component is constructed, since they have their own js, css and images.
| Wiki Markup |
|---|
\[Thanks go to Daniel Jue, who answered my question on June 7, 2007\] |
For example, if you have this file:
src/main/webapp/css/MyStyle.css
You can access it in your page or component Java class like this:
| No Format |
|---|
@Inject
@Path("context:css/MyStyle.css")
private Asset thestyle;
public Asset getTheStyle() { return thestyle; }
|
And then in your page or component template:
| No Format |
|---|
<html xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd">
<head>
<title>My Title</title>
<link rel="stylesheet" type="text/css" href="${thestyle}"/>
</head>
...
</html>
|
Similarly, having src/main/webapp/images/MyLogo.gif Page or Component Class:
| No Format |
|---|
@Inject
@Path("context:images/MyLogo.gif")
private Asset thelogo;
public Asset getTheLogo() { return theLogo; }
|
Page or Component Template (the html):
| No Format |
|---|
<img src="${thelogo}" />
|