This document explains how to edit a Moodle course schedule using the Moodle text editor.

If you're frustrated with trying to format a table correctly or you're hoping to do something more complicated than what is listed here, please contact STUDIO Studio or the Learning Technologist assigned to your course for further assistance. Note that some features of the course schedule table can only be manipulated by modifying the HTML.

Topics Covered In This Article

• What can't be edited in the Moodle text editor
• How to insert, delete, cut, and copy a row
• How to insert or delete a column
• Advanced schedule editing

What can't be edited in the Moodle text editor

Activity and resource icons and the light blue background cannot be added or removed using the Moodle text editor without editing the HTML. These sorts of issues will be fixed during the course's technical review. If you're familiar with HTML and would like to edit these features please refer to the Advanced schedule editing section below.

Image Removed

How to insert a new table row

Rows can be inserted after the currently selected row, and it will insert an empty row below the selected row.To insert a new row you will need to first select . Rows that span multiple columns, such as the 'Week 1' row in the example below, cannot be added this way (contact Studio). If you want to insert a row just under the row that is a heading ('Due date' in the example below), you may need to insert a row under the next row first and then move it up one.

1. Select the table cell in the column on the far left in the row you'd like the new row to

1. appear under.
   

       Image Removed

1. Note that you cannot select rows that span multiple columns such as the 'Week 1' row shown below. If you need to add a new row just under a row that spans multiple columns, add the new row two down and them use 'move row up' to move it into place.
2. Select the Table button in the editor toolbar. Select Insert row after from the

1. menu.
   

Image Removed

Click on the table icon from the editor window. Click on the Insert row after from the drop down menu.

Image Removed

1. Note: If the correct menu doesn't appear, ensure that you're selecting a table cell in the left column, selecting everything in the table cell, and that the table cell does not span multiple columns.
2. A new table row will appear.
   
   Image Added

How to delete a row

Rows can be deleted, to do so you will need to first select the row you would like to delete.

Image Removed

Click the table icon in your editor window, then click on Delete row from the drop down menu.

Image Removed

How to insert or delete a column

To insert or delete column, follow the same steps as inserting or deleting row. First select the column you would like to insert column after, then click on the table icon from the editor window and select the Insert column after from the drop down menu. To delete column, select the column you would like to delete, then click on the table icon and select Delete column from the drop down menu.

Image Removed

Advanced schedule editing

This section assumes experience with HTML and is here for those interested in learning how to do this. Staff and faculty are not expected to do this. Anything mentioned in this section will be fixed during the technical review of a course.

Advanced schedule editing allows you to create dark blue backgrounds, light blue backgrounds, and activity and resource icons.

Click on the following button in the menu to edit the HTML:

Image Removed

Here is the basic outline of a schedule table in HTML and the table that it will produce:

<table class="course-schedule">

 <thead>

<tr><th width="15%">Date</th><th>Course Activities</th></tr>

</thead>

<tbody>

<tr><th colspan="3">Week 1</th></tr>

<tr><td>Jan 11 - 17</td><td class="forum">Activity 1: Student Introductions (Class)</td>

</tr>

</tbody>

</table>

Image Removed

HTML needed for all schedule tables:

<table class="course-schedule"></table>

HTML to produce the dark blue bar:

<thead>

<tr><th></th></tr>

</thead>

HTML to produce the light blue bar:

<tbody>

<tr><th></th></tr>

</tbody>

HTML to produce the forum icon:

<td class="forum"></td>

Here is a list of all the possible classes that will generate resource and activity icons:

Image Removed

The currently selected row may be deleted as long as it's not a row that spans multiple columns, such as 'Week 1' in the example below. To delete a row that spans multiple columns contact Studio.

1. Select the table cell on the far left in the row you'd like to delete.
   Note that you cannot select rows that span multiple columns such as the 'Week 1' row shown below.
2. Select the Table button in the editor toolbar. Select Delete row from the menu.
   Note: If the correct menu doesn't appear, ensure that you're selecting a table cell in the left column, selecting everything in the table cell, and that the table cell does not span multiple columns.
   
3. The table row will be deleted.
   
   Image Added

How to move a table row

The currently selected table rows may be moved up or down. Table rows that include cells that span multiple columns such as 'Week 1' in the example below may not be moved, but rows around them can be.

1. Select the table cell on the far left in the row you'd like to move.
2. Select the Table button in the editor toolbar. Select either Move row up or Move row down depending on what you want.
   Note: If the correct menu doesn't appear, ensure that you're selecting a table cell in the left column and that the table cell does not span multiple columns.
3. The table row will move either up or down.
   
   Image Added

How to add activity and resource icons

Activity and resource icons are added the same way that emoticons (e.g., smiley face) are added.

1. To add an emoticon, select the location in the schedule that you would like to insert the emoticon.
2. Select the emoticon menu button from the editor toolbar.
3. Select the desired emoticon. Activity and resource icons are at the bottom of the emoticon list. If you cannot see the bottom of the list use control-minus to shrink your display (control-zero to reset this).
   
   Image Added

Note that emoticons use placeholder text that will convert into the emoticon once your save. So if you insert an assignment icon you will see (assignment-icon) while editing the document, but it will show the assignment icon once you save.

Schedule Editing Tips

1. Plain Text Paste: If you want to paste content into the Moodle text editor without any formatting (no text sizes, bold, etc.), you can do a 'plain text paste'. In Windows with Chrome or Firefox you can achieve this by using Control+Shift+V when pasting in content. On a Mac the key combination is Option+Shift+Command+V.
2. Pasting Content Into The Schedule Creates Extra Table Cells: If you find that pasting content into a table is creating additional table cells within the table and messing up the formatting, consider the following:
   • Try pasting the content into Word and then copy and paste it into Moodle.
   • If on Chrome, using a plain text paste or copying from a plain text editor such as notepad can cause this.
   • Temporarily switching to Firefox for editing in Moodle appears to avoid this problem.
     
     Image Added

If you're frustrated with trying to format a table correctly or you're hoping to do something more complicated than what is listed here, please contact Studio or the Learning Technologist assigned to your course for further assistance.