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
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 |