Changing Link Names

Another way to customize your LMS is to change the text of the LMS.


The example we will use today will out line how to change the Available Learning and My Learning links as well as the Headers for Available and My Learning. We will be using the Custom Javescript element of the LMS to achieve this.

Login as an ‘Administrator’ and click on the NewGear icon.

Find and click ‘Javascript’ from the drop down menu under ‘Customize’.


Enter the following code:

iv.when(“container.load”).then(function($, response) {
try {
iv.$(“a:contains(‘Available Learning’)”).html(“NewName“);
iv.$(“a:contains(‘My Learning’)”).html(“NewName“);
iv.$(“h1:contains(‘Available Learning’)”).html(“NewName“);
iv.$(“h1:contains(‘My Learning’)”).html(“NewName“);
} catch(er){}

The NewName place holder is where you can add the new name for your links and headers

We are going to change the link and headers to Available Classes and My Classes

iv.when(“container.load”).then(function($, response) {
try {
iv.$(“a:contains(‘Available Learning’)”).html(“Available Classes“);
iv.$(“a:contains(‘My Learning’)”).html(“My Classes“);
iv.$(“h1:contains(‘Available Learning’)”).html(“Available Classes“);
iv.$(“h1:contains(‘My Learning’)”).html(“My Classes“);
} catch(er){}

Click ‘Save’

Return to the Home Page HomeIcon and refresh the page.

The Links and Headers have been updated.


list of domains

Changing the Icon Colors

With the new icons associated with iVLMS, the most common question we receive is if there is a way to change the colors of these icons.  The answer is yes.

The icons in question are the Home, Cart, Admin, Content Manger and Reports Icons that show up on the LMS.



The color of these icons can be changed using custom CSS code and can be set on the account level.

To change the color:

Login in to the LMS as an Administrator and click on the Admin Icon NewGear.

Click on CSS under Customize from the drop down menu.


Enter the following Code into the Text Box

.iv-material-icon{color:#COLORCODE !important;}

The COLORCODE specifies the color you would like to change the icons to


000000 = White

ff0000 = Black

ff0000 = Red

More examples:

Click ‘Save’ and refresh the Page.

  dns server

Adding an image to Activity, Course or Curriculum from Adobe Connect.

Adding an image to your Activities, Courses or Curricula is quit easy. All you need is a URL for where ever the image you want to use is located.

What if you would like to store your image on Adobe Connect. You might have noticed that if you use the Adobe Connect Content URL, the image does not display on the LMS Micro-site.  This is because the default URL of an image in the Adobe Connect Content Library, loads the image in a player.  There is way to use the Adobe Connect Content Library to store and deliver your Micro-site Images.

First you must load your image to the Content Library into any folder you choose. ip address websites how to buy domain  I like to create a folder specified specifically for the LMS.


Load your image(s) into the specified folder(s) using the ‘New Content’ button.

Once your content is loaded, copy the URL.


Also, you will need to make note of the the file name. You can find the file name of your image by clicking on the ‘Download Content’ link.


Now that you have both the Connect URL and the File Name, you can use these steps to add this image to your Activity, Course or Curriculum.

Log into iVLMS as a Content Manager, and got to the Activity, Course or Curriculum you would like to add the image to.

Find the Image text field and enter the information you collected above the following way.


By using this logic, this is how our example above would look like after we create the URL

Save your changes and now your Adobe Connect Content Library is delivering the images you want to use.

Re-positioning the Search Bar

Depending on your use of the LMS, you might want to choose to move the Search bar to a different location.  The default location of the search bar is on its own line, centered on the page below the Information / Header Bar. Perhaps, you would like the search bar to appear on the Information / Header bar.

Default location:


Let’s take a look at the moving the search bar to the header.

First, you must be logged in as an administrator.

Click on the ‘Login’ link in next to the Home Icon Icon.

Enter your Admin credentials.


Next, Click on the gear icon, find Customize and click on Javascript.

We can enter custom javascript on this page to make changes to the way the LMS builds out along with other custom functions of the page.

Enter this code:

iv.when(“home.header.load”).then(function($, response) {
     var mar = $(“[source=marquee]”).find(“div.iv-pull-left”);
     var pb = $(“[source=playbill]”).find(“input”);

Click ‘Save’ and refresh the Page, you will see the Search bar now displays in the Header Bar.


We can make changes to this code to move the search bar to the right side.

iv.when(“home.header.load”).then(function($, response) {
     var mar = $(“[source=marquee]”).find(“div.iv-pull-right“);
     var pb = $(“[source=playbill]”).find(“input”);



iv.when(“home.header.load”).then(function($, response) {
     var mar = $(“[source=marquee]”).find(“div.iv-pull-left”);
     var pb = $(“[source=playbill]”).find(“input”);