6.12.  < a4j:loadStyle >

6.12.1. Description

The component Inserts stylesheet links to the head element. Render the value of the component, after passing it to the getResourceURL() method of the ViewHandler for this application, and passing the result through the encodeResourceURL() method of the ExternalContext.

Table 6.23. a4j : loadStyle attributes

Attribute NameDescription
bindingThe attribute takes a value-binding expression for a component property of a backing bean
idEvery component may have a unique id that is automatically created if omitted
renderedIf "false", this component is not rendered
srcname of JavaScript resource to load.

Table 6.24. Component identification parameters

NameValue
component-typeorg.ajax4jsf.LoadStyle
component-familyorg.ajax4jsf.LoadStyle
component-classorg.ajax4jsf.component.html.HtmlLoadStyle
renderer-typeorg.ajax4jsf.LoadStyleRenderer

6.12.2. Creating on a page

To create the simplest variant on a page use the following syntax:

Example:


<a4j:loadStyle src="styles/style.css"/>

6.12.3. Creating the Component Dynamically Using Java

Example:


import org.ajax4jsf.component.html.HtmlLoadStyle;
...
HtmlLoadScript myStyle = new HtmlLoadStyle();
...

6.12.4. Key attributes and ways of usage

As it was mentioned above this component returns its value as the value of the "src" attribute passing it to the getResourceUR() method of the ViewHandler for this application, and passing the result via the encodeResourceURL() method of the ExternalContext.

It means that the Context is inserted automatically to the link. And calls like resource:// is properly handled.

Except this - you may be free to put your stylesheet links right from the child page while using facelets templates.

6.12.5. Relevant resources links

Some additional information about usage of component can be found here.