Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Table of Contents
maxLevel1

How to insert

, delete, cut, and copy a row
  • How to paste a copied row
  • How to insert or delete a column
  • How to split and merge table cells
  • How to insert content into a table without extra formatting
  • 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.

    schedule table with non-editable items highlightedImage Removed

    How to insert, delete, cut, and copy a row

    Right click in the row that is to be manipulated and select the appropriate option. Rows can be inserted either before or after the currently selected row, and insert will insert an empty row.

    Menu option to insert, delete, copy, and cut table rowImage Removed

    How to paste a copied row

    After copying or cutting a row you can paste it by right clicking in a row adjacent to where you would like to paste the new row, and click either Paste table row before or Paste table row after. Ensure that you have copied a row first for the paste options to be available.

    Menu options to paste a copied rowImage Removed

    How to insert or delete a column

    Either right click the column that you would like to delete or right click in a column that is adjacent to where you would like to insert a column and select the desired action. Columns can be inserted either before or after the current column.

    Menu option to insert and delete table columnsImage Removed

    How to split and merge table cells

    Select the cells that you wish to split or merge by holding down the left mouse button and dragging across the cells.

    Select cells before a merge or splitImage Removed

    Right click within the selected cells and select either Split merged table cells or Merge table cells.

    Menu option to split and merge table cellsImage Removed

    How to insert content into a table without extra formatting

    When pasting content from other sources we usually want to remove additional formatting such as font type, text size, colour, etc. This extra formatting isn't always obvious, so it's best to use the Paste as Plain text button.

    If it is not already expanded, expand the text editor menu by clicking the box shown below.

    Button to expand text editor menuImage Removed

    Click the Paste as Plain Text button shown below. The next paste operation will paste as plain text. This button needs to be pressed before each paste.

    Plain text toggle buttonImage 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:

    Edit HTML buttonImage 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>

    Example of simple schedule tableImage 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:

    List of class icons availableImage Removed

    a new table row

    Rows can be inserted after the currently selected row, and it will insert an empty row below the selected row. 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 appear under.
      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 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. A new table row will appear.

      insert rowImage Added

    How to delete a row

    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.

      delete rowImage 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.

      move row downImage 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).

      add iconImage 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.

        table editing tipImage 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.

    Insert excerpt
    Teaching & learning online
    Teaching & learning online
    nopaneltrue

    Filter by label (Content by label)
    showLabelsfalse
    max5
    spacesITKNOW
    showSpacefalse
    sortmodified
    reversetrue
    typepage
    cqllabel in ("moodle","schedule",= "editing"," staff","faculty") and type and ancestor = "page" and space = "ITKNOW"5840730"
    labelsmoodle schedule

    Panel
    borderColor#444757
    bgColor#D1D0CE
    borderWidth1
    titleBGColor#D1D0CE
    titleGet Help

    Still need help?

    Submit a Request.

    Page Properties
    hiddentrue
    Related Issues