training_library
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
training_library [2018/08/29 16:27] – lucy | training_library [2019/04/04 12:30] – lucy | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Training Library ====== | ====== Training Library ====== | ||
+ | |||
+ | ===== Introduction ===== | ||
The training library should give employees the opportunity to download their training content from an overview page called " | The training library should give employees the opportunity to download their training content from an overview page called " | ||
+ | |||
+ | |||
+ | ===== Creating references to courses within the library ===== | ||
**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. | + | |
- | 3) Go to the Content Template, edit the file templates/ | + | |
- | 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 | + | |
- | 5) Now the template can be used. | + | |
Line 72: | Line 77: | ||
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 " | ||
+ | \\ | ||
+ | 1. Go to the Settings menu > Awareness Templates; \\ | ||
+ | 2. Find the template " | ||
+ | 3. Within the section " | ||
+ | 4. Add new line into the section "__nav nav-sidebar__": | ||
+ | 5. Add the following lines of code into the section " | ||
+ | <code html> | ||
+ | <div class=" | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | </ | ||
+ | |||
+ | {{ training_library_body.png? | ||
+ | |||
+ | 6. Save the template by clicking " | ||
+ | 7. Switch to the file " | ||
+ | <code java> | ||
+ | if($(this).hasClass(' | ||
+ | { | ||
+ | showSection(' | ||
+ | return false; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | {{ training_library_action.png? | ||
+ | |||
+ | 8. Save the template. \\ | ||
+ | 9. Switch back to the file " | ||
+ | |||
+ | |||
+ | {{ training_library_result.png? | ||
+ | |||
+ | |||
+ | ===== Tracking which course gets started within the library ===== | ||
+ | |||
+ | Please add a tracking event into a e-learning course used within the template. To send a LUCY an event that can determine which course was loaded, this function is used: | ||
+ | |||
+ | **lucyDispatchEvent(str); | ||
+ | |||
+ | " | ||
+ | |||
+ | **lucyDispatchEvent(" | ||
+ | |||
+ | An event can be sent at any time. It can be loaded automatically when the user starts the course or you could associate such an event with the click of a button. | ||
+ | |||
+ | **Button example: | ||
+ | In order to associate an event with a button, you can do this within the HTML code: | ||
+ | |||
+ | Button Example 1 | ||
+ | <button onclick=" | ||
+ | |||
+ | Button Example 2: | ||
+ | <button onclick=" | ||
+ | Some button | ||
+ | </ | ||
+ | < | ||
+ | function buttonfunc() | ||
+ | { | ||
+ | lucyDispatchEvent(' | ||
+ | } | ||
+ | </ | ||
+ | | ||
+ | **Automatic Start Example** (in this example an notification about the course name that gets started is sent automatically to LUCY upon opening of the first page) | ||
+ | |||
+ | jQuery requirements: | ||
+ | |||
+ | If a line like the examples below is already in the index.html file, then nothing else needs to be done. Look for: | ||
+ | |||
+ | <script src=" | ||
+ | | ||
+ | or | ||
+ | |||
+ | <script src=" | ||
+ | | ||
+ | |||
+ | If you dont have jQuery in the template, you can use those versions: | ||
+ | |||
+ | * jquery-1.11.3.min.js | ||
+ | * jquery.js | ||
+ | * jquery-2.4.min.js | ||
+ | |||
+ | All those version can be downloaded from here: | ||
+ | https:// | ||
+ |
training_library.txt · Last modified: 2021/10/18 15:16 by lucysecurity