This page explains the steps required for you to add in the HTML Plug-in into your website in order to display Course Manager course dates.
The HTML provided in this page should be included in-line within your web page(s).
Your customer should have provided you with their requirements for:
1. How they would like you to group their course dates:
All course dates on one page.
A list of course dates per course offered.
A list of course dates per course Category.
A list of course dates per Venue.
A list of course dates per Industry.
2. What columns they would like you to display about your course dates:
Cost With Currency
Please note, the URLs that need access the feed must be whitelisted by accessplanit. These are typically provided by the customer ahead of the website development, but if you have trouble loading courses this may be the cause.
If you will be hosting the table in a frame we need to be told to allow for frame security.
Date and Time formatting
Some users have experienced issues with course dates & times appearing in a different format (UK or US) when using the plugin.
This is due to the language settings in the user's browser, which can be accessed in Google Chrome by copying this (chrome://settings/?search=language) into the address bar, or through your browser settings in Chrome and other browsers.
All users should have their language set to their geographical area, for example: English (United Kingdom) for UK dates and times, and English (US) for US dates and times.
Here is an example website which uses this plug-in:
Note: CompanyID is mandatory here. This is the Training Provider’s Company ID in CourseManager. The rest of the options can be used to filter down the results as desired.
ID fields can be found at the end of this page.
ContainerID is the ID of a container in your website which will have its HTML replaced with the requested course table.
Columns: If empty then this will include all columns defined as default(below). If only specific columns are desired, then use the object CourseManager.columns and include desired columns in an array.
E.g. Columns: [CourseManager.columns.CourseName, CourseManager.columns.Book],
CssClasses: The client website has the option of just styling the container passed to us or pass in specific classes to the CssClasses object. The options in the example should be fairly self-explanatory.
Change column names
For example, include the following after building options object to change “Course Name” column to “Product Name”: CourseManager.columns.CourseName = 'Product Name';