Difference between revisions of "Creating CLIO Activity Themes"

From CLIO

(Created page with "Navigate to the ‘css’ directory within the CLIO web application root directory.  Inside of this folder, you will find the ‘theme’ directory.  This is where the CLIO...")
 
 
Line 1: Line 1:
{{DocumentationPage}}
Navigate to the ‘css’ directory within the CLIO web application root directory.  Inside of this folder, you will find the ‘theme’ directory.  This is where the CLIO web application will look for themes that have been configured within activities.  
Navigate to the ‘css’ directory within the CLIO web application root directory.  Inside of this folder, you will find the ‘theme’ directory.  This is where the CLIO web application will look for themes that have been configured within activities.  


When an Activity configuration file is configured to use <code>‘Theme’:’default’</code>, the CLIO web application will add the prefix ‘theme_’ and search for that theme in the ‘theme’ directory.  In this example, the CLIO web application will be searching for <code>‘theme_default.css’</code> within the <code>’css/themes/‘</code> directory.  CSS contained within this file will be applied while that Activity is visible, allowing you to create theme customizations, such as color palette or iconography changes.
When an Activity configuration file is configured to use <code>‘Theme’:’default’</code>, the CLIO web application will add the prefix ‘theme_’ and search for that theme in the ‘theme’ directory.  In this example, the CLIO web application will be searching for <code>‘theme_default.css’</code> within the <code>’css/themes/‘</code> directory.  CSS contained within this file will be applied while that Activity is visible, allowing you to create theme customizations, such as color palette or iconography changes.
{{DocumentationNavigation}}

Latest revision as of 18:19, 31 October 2022

Google material book.png

Navigate to the ‘css’ directory within the CLIO web application root directory.  Inside of this folder, you will find the ‘theme’ directory.  This is where the CLIO web application will look for themes that have been configured within activities.  

When an Activity configuration file is configured to use ‘Theme’:’default’, the CLIO web application will add the prefix ‘theme_’ and search for that theme in the ‘theme’ directory.  In this example, the CLIO web application will be searching for ‘theme_default.css’ within the ’css/themes/‘ directory.  CSS contained within this file will be applied while that Activity is visible, allowing you to create theme customizations, such as color palette or iconography changes.

Documentation
Installation Look and Feel
Interaction Modes Developing Activity Types
Creating an Interactive Framework
Integrating CLIO Contribute