View source for Routing and Template Cookbook: Including resources


= Templates =

== Specifying needed CSS/JS files ==

<syntaxhighlight lang="html4strict">
[%- CALL dw.active_resource_group( 'jquery' ) -%]
[%- dw.need_res( 'stc/kitten.css' ) -%]
[%- dw.need_res( 'js/ponies.js' ) -%]
[%- dw.need_res( { group => 'jquery' }, 'js/sparkle.js' ) -%]
</syntaxhighlight>

Note: ignore the first and last if your page doesn't use jQuery.

For CSS, remember to use the [http://www.dreamwidth.org/dev/style-guide standardized classes] as much as possible.

== Adding code to the head ==

Use this section code to add things to the head of the page.

<syntaxhighlight lang="html4strict">
[% sections.head = BLOCK %]
<style type="text/css">
dt { font-size: bigger; font-weight: bold; margin-bottom: .2em; }
dd { margin-bottom: 1em; }
</style>
[% END  # sections.head %]
</syntaxhighlight>

[[Category: Routing and Template Cookbook]]