Themes

From Kooboo document
Jump to: navigation, search

Theme in Kooboo is a folder name under Development/Themes. Kooboo use standard CSS for theme. You can define a Theme by creating a folder under development/themes and put all .css files or images in the folder. Theme can includes sub folders for images or other files.

CSS files in a theme folder is loaded according their display order in the theme folder, you may use the UP/DOWN arrow to move their position.

Theme.png

Each root folder under the themes folder is considered as one different theme, you may load different theme to your website in the system setting.

Theme setting.png

Theme.rule

You can define your own CSS file render rules, there is a file called Theme.rule. If you want some CSS files render differently, you need to put the rules here. For example, you can put below code in the Theme.rue

 
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="msie.css" /><![endif]-->
 

And in the front end site, during rendering, kooboo will search for the match css file and render it as:

 
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/Theme/Default/msie.css" /><![endif]-->
 

Using theme in your pages


To use theme in your page, first check to make sure that the layout this page use has registered the stylesheet. You shoud find this syntax at the beginning of that layout.

Theme register style.png

And then you also need to enable it in the page by page level. It is enabled by default in the page level.

Theme page enable.png