Learndot allows interface customization, where you can control the global layout configuration and design. Learndot also gives you control of logos and banners configuration, as well as the Learner UI.
Customizing the Header and Footer
Please follow the steps to enable custom header and footer.
Go to System > Look and Feel > Skin
Set Global Layout to "Blurb Header & Footer"
Once step 2 is set, system will load blurb content to header and footer.
Header code needs to be stored in page Header blurb. (Create a new blurb if this blurb does not exist in the system)
Footer code needs to be stored in page Footer blurb.
Customizing the Page Body Content
Selecting Page Templates
System pages are dynamically populated with data by the system and are fixed in layout. Different template layouts exist that you can choose from.
Go to System > Look and Feel > Skin
Scroll down to the Templates section
Review the URL of the page, and select a new template from the list, then click Save
Click the "View" link to see the page layout change
Adding New Templates
This ability is only available via the Services team, who can add new templates to the product for a fee. The process of adding a new template to the system and getting it to a production environment takes around 4 weeks - from the last development effort (or last change request).
Building Custom Pages
Custom pages are used to display content in alternate ways (layouts and options) that system pages do not offer. They can be developed by your team, or the Learndot team. All custom page maintenance is the responsibility of the customer.
Add any custom pages that are needed to create the user-flow/user-experience you need.
The best size image to use are, Logos: 200 x 200 px , Banner: 1200 x 400 px
There are additional system settings that control other aspects of the user interface.
Configures a static file (image) as the company logo.
Configures a static file (image) as the company tagline.
Can point to a static file that becomes your site's favicon.
Allows you to inject additional HTML at the end of the <head>...</head> section.
Allows you to enable/disable the embedded CSS that gets loaded into training proposal page.
Allows you to inject additional HTML at the beginning of the <body>...</body> section.
Allows you to inject additional HTML at the end of the <body>...</body> section.
Example - Setting a Custom Favicon
Changing the favicon is an easy way to customize the look and feel of your entire site. The following steps are required to install a favicon:
Upload the new favicon through the "Static Files" option in the Administration menu. (To do so, navigate to System > Contents > Static Files)
A good place to upload it is "skins/default/images/" - you may have to create these folders.
The file can be placed in other locations, such as in the current skin's folder, just take note of where you saved it.
Navigate to System > Set up > System Settings
Search for the "skin.favicon" setting in the list of available settings, using the search bar at the top of the screen
Press the edit button in the left column of the settings list next to the "skin.favicon" setting
Ensure that the Enabled option is selected
Enter the path of the favicon in the Value field
Press Save to apply the new setting and close the Settings window
You should see the new favicon next time you open a page on your site. If you don't see the new favicon first try forcing a refresh by pressing Ctrl+R. If you still can not see the change, check the settings and ensure the correct file has been uploaded.
If you don't see the new favicon first try forcing a refresh by pressing Ctrl+R. If you still can not see the change, check the settings and ensure the correct file has been uploaded.
There are certain text elements that are controlled with a file called "messages.properties". This file contains key/value pairs for variables used in templates that display text. The value of a label can be changed by overwriting it in a system setting, then requesting the support team to restart the Learndot for you.