<af:resource>

resource resource

JSP tag that defines a CSS or JavaScript resource to be included in the HTML head element of the page.

The resource is added to the af:document component to be included when the document is rendered. The resource is only processed on the initial creation of the document. Only JSP tags may be used in the body, no JSF components are supported, or deferred EL expressions as the value is processed during tag execution, not during component tree rendering. If the source attribute is not given, the content of the tag is used for in-line CSS style or JavaScript, otherwise the source attribute is used as the URI to the resource.

af:resource must be a descendent of af:document.

Examples:

Include an external CSS file:

<af:resource type="css" source="/customStyles.css"/>

In-line CSS content:

<af:resource type="css">
DIV.customStyle { color: red; }
</af:resource>

Include an external JS file:

<af:resource type="javascript" source="/customCode.js"/>

In-line JavaScript code:

<af:resource type="javascript">
function clientListenerFunction(event)
{
  // content ...
}
</af:resource>

Attributes