Difference between revisions of "Theme JavaScripts"

From unroole CMS wiki
Jump to: navigation, search
(Created page with "<noinclude> {{for|additional information|Themes}} {{for|instructions on how to include frameworks|Theme Structure}} {{TOC right}} </noinclude> {{Css Image Crop |Image = Unr...")
 
 
(3 intermediate revisions by one user not shown)
Line 1: Line 1:
 
<noinclude>
 
<noinclude>
 
{{for|additional information|Themes}}
 
{{for|additional information|Themes}}
{{for|instructions on how to include frameworks|Theme Structure}}
+
{{for|instructions on how to include files|Theme Structure}}
 
{{TOC right}}
 
{{TOC right}}
 
</noinclude>
 
</noinclude>
Line 14: Line 14:
 
}}
 
}}
  
Javascript files in themes function exactly the same way as [[Theme Stylesheets]]. The can be added in either the framework or "javascripts" folder and then referenced in the [[Theme Structure|properties.xml]] file. Loading of javascript files also works the same way allowing a theme designer to change the ordering of the javascript files as they appear on the page. In each theme package javascript files can be found under the "javasciripts" folder as well as the "frameworks" folder. See [[Theme Structure]] for more details.
+
Javascript files in themes function exactly the same way as <noinclude>[[Theme Stylesheets]]</noinclude><includeonly>[[{{PAGENAME}}#Stylesheets|Theme Stylesheets]]</includeonly>. The can be added in either the framework or "javascripts" folder and then referenced in the [[Theme Structure|properties.xml]] file. Loading of javascript files also works the same way allowing a theme designer to change the ordering of the javascript files as they appear on the page. In each theme package javascript files can be found under the "javasciripts" folder as well as the "frameworks" folder. See <noinclude>[[Theme Stylesheets]]</noinclude><includeonly>[[{{PAGENAME}}#Stylesheets|Theme Stylesheets]]</includeonly> for more details.
  
Most themes will contain at least one or two framework javascript files such as [http://jquery.com/ jquery] and then additional files that target specific functionality used for a given theme.
+
Most themes will contain at least one or two framework javascript files such as [http://jquery.com/ jquery] and then additional files to augment or change the way existing widget looks or act when the theme is used.
  
  
 
{{clear}}
 
{{clear}}

Latest revision as of 11:54, 30 July 2012


Unroole Admin Panel - Themes Javascripts.png

The highlighted panel displays the stylesheet files that will be loaded as part of the theme. In this case the system css files are loaded after the reset.css.

Javascript files in themes function exactly the same way as Theme Stylesheets. The can be added in either the framework or "javascripts" folder and then referenced in the properties.xml file. Loading of javascript files also works the same way allowing a theme designer to change the ordering of the javascript files as they appear on the page. In each theme package javascript files can be found under the "javasciripts" folder as well as the "frameworks" folder. See Theme Stylesheets for more details.

Most themes will contain at least one or two framework javascript files such as jquery and then additional files to augment or change the way existing widget looks or act when the theme is used.