You can select a HTML Template only when you add HTML files to your content. They can be used in a unit or lesson page, but they cannot be selected.

If want to add them to a unit or lesson page, you have to copy the HTML code of the template into the HTML code of the unit or lesson page.  

It can be very cumbersome to use the tiny HTML source editor screen which appears in the HTML file editor when you decide to add content. Via Manage files you can have access to a much bigger screen to the HTML source code. Below you can find the steps to follow.

Steps to follow

• Go to Course Tools > Course Admin > Manage files.
• Click on the arrow next to the HTML file you want to adjust.
• Click on Edit File.
• Use the resize icon in the bottom right corner to enlarge the screen.
• Click on the HTML Source editor icon in the bottom bar.
• Now you have a big screen to tweak your HTML code.

Below you can find an advised way to copy HTML elements into the final version of your HTML page in Brightspace. 

Preparation for copying elements

• Go to your course
• Click on Content > Add > HTML document
• Load your desired HTML template; e.g. 01_Course_Introduction.html
• Open a new internet browser tab or window, and again go to your course and open another HTML Document. This second window will function as your notepad where you can load another template etc.

Copying HTML elements

• Load the HTML template with the elements you wish to copy in your second window. If you want to use the whole template, it is better to load that template in your 1st window.
• Copy elements from the 2nd screen into the 1st screen.
• You can change the templates in the 2nd screen and copy different elements from multiple templates.

Faulty HTML code can be a source of many unwanted behavior. Not only can the text look very different in edit mode and live mode, but it can disrupt the look and feel of the Leiden University Templates as well. 

Below you can find an advised way to convert a word document into a HTML page in Brightspace. 

Preparation

• Go to your course
• Click on Content > Add > HTML document
• Load your desired HTML template; e.g. 04_Basic_Page - No Banner
• Open your Word document 

Copying from Word

• Regular paragraph text: 
  • Select and copy the paragraph
  • With your cursor go to the desired place within the HTML document
  • Right click your mouse and select paste as plain text (ctrl, shift + v / cmd, shit + v)
• (un)Ordered list - whole list:
  • Select the (un)ordered list in Word
  • Click on the list icon; to lose the bullets/numbers 
  • Copy the list 
  • With your cursor go to the desired place within the HTML document 
  • Right click your mouse and select paste as plain text (ctrl, shift + v / cmd, shit + v) 
  • Click within Brightspace on the list icon; to make it a list again. 
• (un)Ordered list - per element/bullet 
  • In case you want to use the Large Number list or the check mark list it is advised to copy the list per bulletin/number.
  • Select the (un)ordered list in Word 
  • Click on the list icon; to lose the bullets/numbers 
  • Copy the top bulletin and paste it as plain text behind the large 01 or the check mark
  • Repeat for all elements, until completed.