User Tools

Site Tools


training_library

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
training_library [2018/08/29 16:27]
lucy
training_library [2018/12/18 15:38] (current)
lucy
Line 4: Line 4:
  
 **Instruction (Items 1-4 should be performed inside the campaign)** **Instruction (Items 1-4 should be performed inside the campaign)**
-1) Go to the template, click the Library button. +  - Go to the template, click the Library button 
-2) Set the checkboxes for the templates that will be used. +  ​- ​Set the checkboxes for the templates that will be used 
-3) Go to the Content Template, edit the file templates/​init.js. The   ​template ​  ​name ​ in the file "​templates/​init.js"​ must match exactly ​ the  name  of the template on the LUCY server. Otherwise, the template ​ will not be found. If some template is renamed, then you need to make changes to the file "​templates/​init.js"​. +  ​- ​Go to the Content Template, edit the file templates/​init.js. The   ​template ​  ​name ​ in the file "​templates/​init.js"​ must match exactly ​ the  name  of the template on the LUCY server. Otherwise, the template ​ will not be found. If some template is renamed, then you need to make changes to the file "​templates/​init.js"​ 
-4) If you want to change the images that get displayed in the library overview, you can upload images with a size of 675 x 497 pixels +  ​- ​If you want to change the images that get displayed in the library overview, you can upload images with a size of 675 x 497 pixels 
-5) Now the template can be used.+  ​- ​Now the template can be used.
  
  
Line 72: Line 72:
  
 Please note, that these links are not available in CSS and Javascript files. Please note, that these links are not available in CSS and Javascript files.
 +
 +==== Customization of navigation menu ====
 +
 +You can customize the navigation in the training library, for example, add a new entry "​Security"​ to the menu: \\
 +\\
 +1. Go to the Settings menu > Awareness Templates; \\
 +2. Find the template "​Awareness Training Library"​ (install it through the page "​Download Templates",​ if missing) > click on "​Edit";​ \\
 +3. Within the section "​Content Template"​ click on the "​Source Code" button; \\
 +4. Add new line into the section "__nav nav-sidebar__":​ \\ \\ <code html><​li class="​li-security"><​a class="​a-menuitem a-security"​ href="#">​Security</​a></​li></​code>​ \\ \\ {{ training_library_idx.png?​700 }} \\
 +5. Add the following lines of code into the section "​__main-grids__":​ \\
 +<code html>
 +<div class="​sect-info security">​
 +<​h3>​Security </h3>
 +</​div> ​
 +<div class="​sect-body security "></​div>​
 +<div class="​clearfix clear-sect security "></​div>​
 +</​code>​
 +
 +{{ training_library_body.png?​700 }}
 +
 +6. Save the template by clicking "​Save"​ button; \\
 +7. Switch to the file "​__static/​js/​actions.js__"​ and add the following code: \\
 +<code java>
 +if($(this).hasClass('​a-security'​))
 +{
 +showSection('​security'​);​
 +return false;
 +}
 +</​code>​
 +
 +{{ training_library_action.png?​700 }}
 +
 +8. Save the template. \\
 +9. Switch back to the file "​__index.html__"​ and click on "​__Preview__"​ button to check out the results:
 +
 +
 +{{ training_library_result.png?​700 }}
training_library.txt · Last modified: 2018/12/18 15:38 by lucy