including CSS and other html elements - context problem

[yacho]

Suppose i have my app at
www.foo.com/foo/

wich gives us /foo/ abs. context.

now CSS file is in
/foo/css/mycss.css (its /css/mycss.css in WAR file)

now i have my layout template at :
/layout/a.xhtml (WAR path again)
and my views in :
/something1/boo.xhtml
/something1/something2/boo.xhtml

now when i switch views app context changes so i cant bind relative path to css (ie for 1st view its : ../css/mycss.css and ../../css/mycss.css for second)
i could reference the absolute server path that is : /foo/css/mycss.css
its better but still is dependent on app context. so is there a way to reference app context in my facelet view ?

[matt.drees]

I do this:

 <c:set value="#{facesContext.externalContext.requestContextPath}" var="rootPath"/>
 <link href="#{rootPath}/stylesheet/theme.css" rel="stylesheet" type="text/css" />
 <link href="#{rootPath}/stylesheet/layout.css" rel="stylesheet" type="text/css" />

It may make more sense to put a

<factory name="rootPath" value="{facesContext.externalContext.requestContextPath} scope="stateless"/>

in components.xml (instead of the c:set) if you'll be using that in a lot of places.

[yacho]

thank you so much.' Is there any documentation wich describes what i can or cannot do in components.xml (i dont quite get if it belongs to JSF) please point me to some reference so i wont ask more questions regarding simmilar stuff ;)

[matt.drees]

http://docs.jboss.com/seam/2.0.0.CR1/reference/en/html/

It's a Seam-specific thing.

[onyii5119]

The way I handle it is to define an application path variable in a session scoped class as follows:

private String theAppPath;

then write the getter method for it:

public String getTheAppPath(){
request = (HttpServletRequest) FacesContext.getCurrentInstance().getExternalContext().getRequest();
theAppPath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+contextPath;
return theAppPath;
}

Then use value binding in my jsf facelet page as follows:
#{beanName.theAppPath}/css/cssFileName.css

[xshuang]

Thanks a lot for this message. Just a little more comment, the correct format is


And you cannot add #{rootPath} to ui:composition. It needs to be something like
template="../layout/template.xhtml" >
Or else, it gave error "page not available" but no exception is thrown.