Share css files between pages

answered 2021-11-22 16:40:12 +0800

MDuchemin
2480 ● 1 ● 6

Hi there,

Assuming you want to declare the same JS / CSS / etc resources on every page of your project, I'd recommend making them into a lang-addon: https://www.zkoss.org/wiki/ZKClient-sideReference/Language_Definition

you can create a lang-addon xml file, declare it in zk.xml with the langage-config element https://www.zkoss.org/wiki/ZKConfigurationReference/zk.xml/Thelanguage-configElement and the content of the lang-addon will modify all zul pages loaded in this website.

You can globally declare JS with the javascript element, styles using stylesheet, etc. I recommend making all of these resources into separate files under a /resources folder, for easy management, then your lang-addon will look like:

<language>
<addon-name>myAwesomeAddon</addon-name>
<depends>zk</depends>
<language-name>xul/html</language-name>

    <!--VERSION IS OPTIONAL, JUST HERE IF YOU NEED TO KEEP YOUR OWN LANG-DEF TIDY BETWEEN VERSIONS-->

<version> 
    <version-class>org.zkoss.zul.Version</version-class>
    <version-uid>5.0.6</version-uid>
</version>

<javascript src="ressources/js/myScript.js"/>
    <javascript src="ressources/js/myOtherScript.js"/>
<stylesheet href="/ressources/css/mySheet.css" type="text/css"/>
<stylesheet href="/ressources/css/myOtherSheet.css" type="text/css"/>
</language?