Tovuti offers a variety of no-code configurations so Administrators can modify and enhance the learner experience; including Three-Color Design, Quick Start, and other options in the Design left-side nav item in the Admin Portal.
Tovuti also allows Administrators to customize the learner experience by using custom CSS or Javascript code. Cascading Style Sheets (CSS) is code that defines how the LMS looks, and Javascript (JS) is code that defines additional logic, integrations, and other functionality beyond what’s available natively in the Admin Portal.
Support of a custom code program
Utilizing custom CSS and JS requires ongoing, dedicated, front-end software engineering resources to ensure that the code is working as intended. Successful teams that integrate custom code into Tovuti have defined processes around the writing, testing, deployment, and maintenance of all custom code.
Yellow Note: [Support for setting up or maintaining custom code is provided by Tovuti through the Services department or your Account Manager. Tovuti Support teams can’t support custom code through the normal support process.
The information and code examples throughout the Help Center serve as a starting point and don't replace the need for internal engineering resources assigned to a custom code program.]
Successful custom code programs with Tovuti LMS take the following steps:
- Dedicated internal resources to the program
- Test all custom code functionality at least once every three weeks
- Provide the initial triage of all internal learner-side bug reports before escalating to Tovuti Support
- Store a copy of the custom code in a secure location outside of Tovuti
Prescripts and Postscripts
Admins can apply custom code to Prescript or Postscript functions when a page loads in the learner portal.
Prescript is code that is applied before the page begins to load. Including critical assets in prescript ensures the most important elements of a page load first. This also helps improve page load times.
Postscript is code that loads after a page is fully loaded. This is useful for elements requiring other assets to be loaded first, such as styling or button clicks.
Custom code can be applied to either the logged-in view or the logged-out view, which is described below:
Learner logged-in view
Everything that a user interacts with once they’ve logged in (menus, logos, dashboards, etc.) is controlled through User Portals.
Custom code added to User Portals impacts all pages of the LMS after a user logs in. Code is applied in the User Portal editor's CSS Styling and JavaScript tabs.
Learner logged-out view
Utilizing custom code in Landing Pages allows Admins to modify the Learner experience before they log in to the LMS. Code added to this section is referenced on every page when the learner is logged out of the LMS.
Certificate Designer
In the CSS Styling tab of the Certificate Designer, Administrators can modify the entire look and feel of a certificate, including data fields and styling.
Each certificate may have unique CSS independent of other certificates.
WYSIWYG Editor
Each of the WYSIWYG editors through the Admin Portal allows Administrators to provide custom text to their Learners. In the code tab of the WYSIWYG editor, Admins may further customize how this text is displayed or embed other JavaScript elements within the text.
Each WYSIWYG editor supports independent code from other text editors. The code editor also supports CSS, JavaScript, and HTML. This allows for nearly endless customizations.
All three Notification types in the Communications tab include the WYSIWYG editor and the included Code editor. Other major features that utilize the WYSIWYG editors include Website Pages and Blogs.