Layout Components Information

Change the Head

Using Layout Components it is easy to put content into the <head> of a document from any page.

Here are two examples of adding the following code to the <head> of a page:

<script language="JavaScript">alert('It worked!');</script>

Using cf_Template

<cf_Template
	title="Page Title"
	head_js="alert('It worked!');"
>
(some content here)

</cf_Template>

The cf_Template tag has several attributes to put content into the <head> of a page:

title: Sets the value of the <title> (same as matching attribute of <cf_layout> below)
files_css: A list of URLs to CSS files.
files_js: A list of URLs to JavaScript files.
files: A list of CSS or JavaScript files ( type determined by file extension).
meta_description: Content for a META Description tag.
meta_keywords: Content for a META Keywords tag.
head_css: CSS to be placed directly in the tag (not including the <style> tag).
head_js: JavaScript to be placed directly in the tag (not including the <script> tag).
head: Any other code to be placed directly into the <head> of the document.

Using cf_layout

<cf_layout title="Page Title">
	<script language="JavaScript">alert('It worked!');</script>
<cf_layout>

(some content here)

<cf_layout>

Direct CFC Code

<cfoutput>#layout.head("Page Title")#</cfoutput>
	<script language="JavaScript">alert('It worked!');</script>
<cfoutput>#layout.body()#</cfoutput>

(some content here)

<cfoutput>#layout.end()#</cfoutput>

Layout Components 1.0 Documentation: Change the Head

Layout Components Information

Change the Head

Using cf_Template

Using cf_layout

Direct CFC Code