Access Keys:
Skip to content (Access Key - 0)

Course Format Manual

The most recent documentation for Moodle/Joule 2 has moved.

Please go to http://kb.moodlerooms.com to view the New Knowledge Base.

Table of Contents

1. Flexpage

1.1. Overview

The Flexpage is a course format that provides a teacher with complete control of how educational materials and assessments are presented to a student. Flexpage allows a teacher to create a flexible set of pages and sub pages where blocks and activities can be placed in any location on the page instead of being restricted to a right, left or center column. Flexpage courses provide teachers with the ability to determine how many columns of data are contained within a course (up to three-columns). This allows teachers to have complete control over how they want to present course materials and assessments to students.

The basic features of Flexpage are:

  • Multiple Pages: A Flexpage course can contain an infinite number of pages. Each flexpage can contain different or the same blocks, activities and resources as another page.
  • Child Pages: A Flexpage course can contain an infinite number of child flexpages and children of child flexpages in a infinite sub structure. This parent child relationship allows teachers to create a unique course structure based on their teaching style and preference.
  • Flexible Course Structure: Flexpages can contain up to 3 columns as well as a top region that blocks and activities can be added to. Each flexpage can have a different structure (i.e., number of columns and areas content is located).
  • Inline Resource/Activity Display: The format can be extended to display resource and activity content inline (in the flexpage). This currently only works for forums and resources - other activities show a link as expected.
  • Previous/Next Button: When you enter a flexpage, there are previous and next arrows to return you to the page you were previously on or back to where you came from.
  • Flexpage Menus: A Teacher can create an expandable menu that is displayed as a block or drop-down menu on flexpages. This menu can contain links to other flexpages, trouble tickets, as well as internal and external resources. These menus will also work with flexpage and activity access restrictions.
  • Backup and Restore: Any course in Flexpage format can be fully or partially backed up and copied to another course.
  • Flexpage access restriction: Flexpages can have their access restricted for students based on the completion of assignments and resource views.

1.1.1. Related Features

1.2. Changes

1.2.1. Joule 1 to Joule 2

  • An action bar has been added, which replaces the page tabs (Add Page, Manage pages, Manage Activities) and adds new functionality to manage courses and flexpages.
  • The Manage activities interface has been removed, and replaced with options on the action bar to save time and allow for easy addition of content to a flexpage.
  • Teachers can create multiple pages at a time via the add flexpage interface.
  • Teachers can create a page and copy an existing flexpage.
  • The page menu activity has been moved to the Flexpage Menu block.
  • Flexpage menus are now added via the action bar and not via the add activity interface.
  • Flexpage locking now works with restrict access and is incorporated into the flexpage settings, decreasing the time it takes to add flexpage locks.
  • A new Moodle theme layout file called flexpage has been added, this allows a theme to determine the layout of a flexpage while allowing the teacher to customize widths of the areas.
  • A new region to the top of the flexpage has been added where content and blocks can be placed.
  • A default master flexpage is created upon the creation of the course

1.3. Usage Scenarios

1.3.1. Flexpage as a Front Page Portal

Flexpage can be enabled at the site level, which allows site administrators to create multiple pages with page menus at the site level. Having multiple pages allows the site administrator to create a portal-like landing page with more than just the list of courses that the user is enrolled in. Site administrators can add pages that contain content about the organization, contact information, support pages, example courses, video examples and so forth. Through the use of the Courses Available to You block, site administrators can also create several pages that are focused on specific categories of courses, departments or other information.

Example flex page as a front page portal

1.3.2. Flexpage as a Landing Page

Flexpage combined with the Profile Redirect block allows a site administrator to create unique landing pages/courses for users based on a custom profile field. The Profile Redirect block automatically redirects a user to a course with the same name as a value in the user's profile field. This secondary course becomes a default landing page for the user, similar to the site-level course being a landing page. The course can contain display information to the user that is associated with the profile field. For example, a user who is part of a Biology department can be forwarded to the Biology department's main course page. There the head of the Biology department can customize the course environment to focus on Biology-specific information, such as Biology events, a department forum, questionnaires and/or a page about the faculty in the Biology department.

Flex page as a landing page process map

1.4. Teacher Documentation

The Flexpage course format is different from any other Joule course format. As the name of the format describes, Flexpage provides teachers with the ultimate flexibility in designing and creating their course. A Flexpage formatted course can be composed of an unlimited number of flexpages and each flexpage can have up to 4 regions where activities and blocks can be added.

Teachers can determine the width of each of these regions on every flexpage, allowing customization that can meet their display needs for the content they would like to display. One Flexpage course can contain any number of pages with a one column layout, a two column layout, a three column layout and or a combination of columns with a top region.

We will cover the following topics in this manual:

1.4.1. Default Flexpage Course Structure

When a course shell is created with the course format set to Flexpage, it should look like the image below. A topics or weeks formatted course without content that is converted to Flexpage will look this way as well.

A single flexpage is created and formatted into a three column course. All of the blocks that were added to the course, show in the column they were added to. All of the blocks that show up in the course by default are configured to display on every Flexpage added to the course. To change these settings review the Changing Pages Blocks Display On section of the manual below. At this point the teacher will be able to add flexpages, activities and blocks to the course. The first step here is to turn editing on by clicking the Turn editing on button in the navigation bar or the link in the Navigation block.

1.4.2. Action Bar

Once a teacher has turned editing on, the action bar appears in the course below the navigation bar and above the three columns in the course. The action bar looks like the image below.

The action bar is separated into two areas. The first area is the actions area which has two sets of actions, add and manage.

The second area is the Flexpage navigation area which allows a teacher to move to the previous and next flexpage or jump directly to a chosen flexpage.

Click the right arrow to move to the next page, or the left arrow to return to a previous page. To select a specific flexpage in the flexpage hierarchy click on the drop-down menu and select the desired flexpage.

1.4.3. Add Action Menu

The Add menu in the action bar allows a teacher to add flexpages, activities, blocks and menus to the course or Flexpage.

1.4.3.1. Add Flexpages

The Add flexpages modal allows a teacher to add one or more flexpages to a course. To add a page, click on the Add link in the action bar and then click the Add flexpages link from the drop-down menu. After clicking on the link, a modal like the image below will appear.

When you add new flexpages, you will want to determine where they will be located in relation to other flexpages, i.e. the Flexpage hierarchy. Flexpages can be children of other flexpages (sub-flexpages), or they can be placed before or after other flexpages. New flexpages can also be created blank, or as a copy of an existing flexpage. The modal contains a row for each new flexpage being created. Each new flexpage row is separated into four fields that have no label. These fields and their functions are:

  • Flexpage name: enter the name of the flexpage that is being created in the first field.
  • Location in flexpage hierarchy: a drop-down that determines where the new flexpage will be added in relation to the flexpage selected in the third field.  The second and third fields are for adding the new flexpage in the correct location within the site hierarchy. Your selections here determine if the new flexpage will be created as the first child of, before or after the page selected in the third field.
    • first child of
    • after
    • before
  • Parent flexpage: a drop-down that lists all of the flexpages within the course in their proper hierarchy. This field in combination with the location in flexpage hierarchy field determines where the new flexpage will be created within the flexpage hierarchy.
  • Page to Copy: a second listing of all flexpages in the course in their proper hierarchy, but a flexpage selected in this drop-down will be used as a template to create the new flexpage. All blocks, activities, resources, menus and flexpage settings will be copied into the new flexpage. If you want a blank flexpage, leave the fourth field default.

To add multiple flexpages to a course, press the + button to the right of the last Flexpage row in the modal. To add all new flexpages click the Add flexpages button in the bottom right hand corner of the modal. After clicking the button, the modal will close and a green message will appear below the action bar stating the name of the flexpages that have been added. By default a flexpage is created as hidden and set to show no navigation links or buttons. If you need to further edit the settings of these flexpages review the Manage flexpage settings or the Manage All flexpages sections below.

Delete flexpage rows
The flexpage rows without a name will not be created. If you have added too many flexpages you can leave the name of some of the flexpages blank and they will not be created. This is used instead of adding a remove row button to the modal.

1.4.3.2. Add Activity

The Add activity modal allows a teacher to add a new activity to the flexpage and course. To add a new activity to the current flexpage and course click on the Add link in the action bar and then click the Add activity link from the drop-down menu. After clicking on the link a modal like the image below will appear.

The Add activity modal is separated into two areas:

  • Add to: the location on the flexpage to add the content to.
  • Activities, Resources and Assignments: a list of all types of activities that can be added to a flexpage.
1.4.3.2.1. Add to Area

The top area of the modal called Add to determines the location within the flexpage that the activity will be added after being created. All four locations on the flexpage will be represented even if the flexpage settings are not configured to have the area displayed. It is important to keep in mind where you want content displayed when selecting a location.

1.4.3.2.2. Activities, Resources and Assignments Area

The lower area of the modal is separated into Activities, Resources and Assignments. Click on the activity, resource or assignment type you want to create and the modal will close and return you to add flexpage for the specific activity, resource or assignment. After configuring all the settings for the specific activity, resource or assignment click the Save and return to course button. You will return to the course with the activity, resource or assignment displayed within the course in the area selected. Most activities, resources and assignments will display as a link to the activity such as the link to a quiz below.

The following activities and resources will be displayed inline in a flexpage:

  • Folder resources
  • Advanced forum activities
  • Forum activities
  • Page resources
  • URL resources

These activities and resources will look similar to the image of an inline forum below.

1.4.3.3. Add Existing Activity

The Add existing activity modal allows a teacher to add an activity that was previously created in the course and added to another flexpage in the course. To add an existing activity to the current flexpage, select Add existing activity link from the Add down-down menu. After clicking on the link a modal like the image below will appear.

The Add existing activity modal is separated into two areas:

  • Add to: the location on the flexpage to add the content to.
  • Existing Activities: a list of all the activities in the course that can be added to a flexpage.
1.4.3.3.1. Add to Area

The top area of the modal called Add to determines the location within the flexpage that the activities will be added to. All four locations on the flexpage will be represented even if the flexpage settings have the area not displayed on the flexpage. It is important to select a location that will display course content.

1.4.3.3.2. Existing Activities

The lower area of the modal contains a list of all the activities that have been created within the course and can be added to the current flexpage. Check the checkbox next to each activity or resource that should be added to the page.

Finally, click the Add activities button at the bottom of the modal to add all the selected activities to the flexpage. The activities will display in the location selected based on the type of activity it is. See the Add activity section for more information on how activities display in a flexpage.

1.4.3.4. Add Block

The Add block modal allows a teacher to add a block to the current flexpage. This can be a duplicate of a block that has been added to the current flexpage or another flexpage in the course. To add a block to the current flexpage, select Add block link from the Add drop-down menu. After clicking on the link a modal like the image below will appear.

The Add block modal is separated into two areas:

  • Add to: the location on the flexpage to add the block to.
  • Block: a list of all the blocks that can be added to a flexpage.
1.4.3.4.1. Add to Area

The top area of the modal called Add to determines the location within the flexpage that the blocks will be added to. All four locations on the flexpage will be represented even if the flexpage settings have the area not displayed on the flexpage. It is important to select a location that will contain course content .

1.4.3.4.2. Block Area

The lower area of the modal contains a list of block names as links that can be added to the flexpage. Clicking on a block name will add it to the flexpage.

1.4.3.5. Add Existing Menu

The Add existing menu action allows a teacher to add a flexpage menu to the flexpage either as a block or a tab. A flexpage menu must first be created before it can be added. Review the section on Managing all flexpage menus below before reading the rest of this section.

To add an existing menu to the flexpage click on the Add link in the action bar and then click the Add existing menu from the drop-down menu. After clicking on the link a modal like the image below will appear.

The Add existing menu modal is separated into two areas:

  • Add to: the location on the flexpage to add the content to.
  • Menus: a list of available menus that can be added to a flexpage.
1.4.3.5.1. Add to Area

The top area of the modal called Add to determines the location within the flexpage that the activity will be added after being created. All four locations on the flexpage will be represented even if the flexpage settings have the area not displayed on the flexpage. It is important to select a location that will contain course content.

Menus Area

The lower area of the modal contains a list of menu names as links, that can be added to the flexpage. Clicking on a menu name will add it to the course.

1.4.4. Manage Action Menu

The Manage menu in the action bar allows a teacher to manage, move, delete the current flexpage, manage all flexpages in the course and all flexpage menus in the course.

1.4.4.1. Manage Flexpage Settings

To configure the settings for this page click on the Manage link in the action bar and then click the Manage flexpage settings link from the drop-down menu. After clicking on the link a modal like the image below will appear.

  • Name: name of the flexpage that is displayed in all editing interfaces.
  • Block region widths: the width of each region on the page in pixels
    • Top - the width of the top region in pixels
    • Left - the width of the left region in pixels
    • Main - the width of the main region in pixels
    • Right - the width of the right region in pixels
  • Display: this determines if and how the flexpage can be displayed to students
    • Hidden - the flexpage is not displayed to students and they will receive an error if they access the flexpage.
    • Visible but not in menus - the flexpage is visible to students but will not display as a link in a flexpage menu.
    • Visible and in menus - the flexpage is visible to students and will display in any flexpage menu it is added to.
  • Navigation: this determines what navigation buttons will display on the flexpage based on its hierarchy location.
    • No navigation - neither the previous or next links/buttons will display on the flexpage.
    • Previous flexpage only - the previous link/button will display on the flexpage is a previous flexpage exists in the flexpage hierarchy.
    • Next flexpage only - the next link/button will display on the flexpage if a previous flexpage exists in the flexpage hierarchy.
    • Both previous and next flexpage - the previous and next links/buttons will display on the flexpage if a previous and/or next flexpage exists in the flexpage hierarchy.
  • Allow access from: enabling this setting brings up a calendar and allows the teacher to select a date. Selecting a date makes the flexpage visible to the student on or after that date. The page cannot have display settings set to hidden for this to work.
  • Allow access until: enabling this setting brings up a calendar and allows the teacher to select a date. Selecting a date makes the flexpage visible to the student until that date. The page cannot have display settings set to hidden for this to work.
  • Release code: this flexpage will not be available to students until the student acquires and enters the release code entered in this field.
  • Grade condition: the grade condition allows a teacher to restrict access to this flexpage based on an activity, gradebook category total, and course total grade being above or below specific percentages. Multiple gradebook conditions can be added by clicking on the plus button to the right of the last gradebook condition row.
    • (none) - there is no grade condition and this grade condition will not be created.
    • Course total - this will set the grade condition to allow the student to access the flexpage based on the total course grade meeting the must at least percentage and/or and less than percentage.
    • Category grade - this is not an exact name for the option, but instead a generalized idea. You can set the grade condition to allow the student to access the flexpage based on the total grade in any gradebook category in the course.
    • Activity grade - this is not an exact name for the option, but instead a generalized idea. You can set the grade condition to allow the student to access the flexpage based on the grade in any activity in the course.
    • must be at least % - the student's grade in the grade condition drop-down must me greater than or equal to the percentage listed in this field for the flexpage to display to the student.
    • and less than % - the student's grade in the grade condition drop-down must me less than the percentage listed in this field for the flexpage to display to the student.
  • Before this can be accessed: this setting determines how the flexpage will be displayed in a flexpage menu when the student is not allowed to view the flexpage.
    • Show this greyed out, with restriction information - the flexpage will display as a greyed out link that will not work until requirements are met.
    • Hide this entirely - the flexpage will not display this to the student.
1.4.4.2. Move Flexpage

To move a page click on the Manage link in the action bar and then click the Move flexpage link from the drop-down menu. After clicking on the link a modal like the image below will appear.

From this window, you can choose whether the page is a child to another page, or whether it is before or after another page in the Flexpage hierarchy.

1.4.4.3. Delete Flexpage

To delete a flexpage click on the Manage link in the action bar and then click the Delete flexpage link from the drop-down menu. After clicking on the link a modal like the image below will appear.

From this window, you can confirm that you want to delete the current page.

1.4.4.4. Manage All Flexpages

To manage the settings of multiple flexpages click on the Manage link in the action bar and then click the Manage all flexpages link from the drop-down menu. After clicking on the link a modal like the image below will appear.

The modal is broken down into three columns for each page. The columns and their drop-downs are described below:

  • Manage: drop-down of options to modify the current page. Selecting any of these options will bring up a new modal based on the action selected. Closing the new modal will bring up the Manage all flexpages modal.
    • Manage flexpage settings - opens the manage flexpage settings modal to modify all settings for the flexpage in the row.
    • Move flexpage - opens the move flexpage modal to move the flexpage in the flexpage hierarchy.
    • Delete flexpage - opens the delete flexpage modal to delete the flexpage.
  • Display: drop-down for the display setting for the page.
    • Hidden - only teachers can access the flexpage in the course, useful when developing a new flexpage, or as a course administrative flexpage.
    • Visible but not in menus - the flexpage is visible to students but will not display in any flexpage menu.
    • Visible and in menus - the flexpage is visible to students and will appear on any flexpage menu it is added to.
  • Navigation: drop-down for the navigation settings.
    • No Navigation - no navigation buttons are printed on the flexpage.
    • Previous flexpage only - the previous button will appear on the flexpage if there is a previous flexpage in the flexpage hierarchy.
    • Next flexpage only - the next button will appear on the flexpage if there is a next flexpage in the flexpage hierarchy.
    • Both previous and next flexpage - the previous button will appear on the flexpage if there is a previous flexpage in the flexpage hierarchy and the next button will appear on the flexpage if there is a next flexpage in the flexpage hierarchy.

All changes on this modal are recorded as the change happens. This means that unlike the other modals to exist the user will need to click on the close icon in the upper right hand corner of the modal.

1.4.4.5. Manage All Menus

The manage all menus action allows a teacher to create, edit and delete all flexpage menus in the course as well as manage which flexpage menu is set as the flexpage menu in the course header. To manage tabs for your course, as well as other menus, click on the Manage link in the action bar and then click the Manage all menus link from the drop-down menu. After clicking on the link a modal like the image below will appear if there are no flexpage menus in the course;

or a modal like the image below will appear if flexpage menus have been created in this course.

The Manage menus modal lists all of the flexpage menus in the course with two extra columns, one to manage the menu and one to display which flexpage is being used in the top flexpage tab for the course. The manage drop-down provides the links to edit the menu's settings, manage the links and delete the flexpage menu.

1.4.4.5.1. Creating/Updating a Flexpage Menu

Flexpage menus provide navigation within a course either as a block or as an expandable menu in the page menu area below the header of the course. To create a new flexpage menu click on the Add new menu button in the top area of the manage all menus modal and a modal like the image below will appear.

The New/Edit menu modal displays all the settings for the flexpage menu.

  • Name: the name displayed for the menu in all editing interfaces.
  • Display menu as: determines how the flexpage menu is displayed when added to a flexpage.
    • Drop-down - each level of flexpage menu links is displayed in a drop-down.
    • Horizontal Navigation - displays the flexpage menu as a set of drop-down menus on a bar similar to the bar in the header, but that can be placed in any of the block areas.
    • Tree - displays flexpage menus in a left hand menu navigation that expands and contracts sub menus.
  • Display name: the name displayed in the block title. Without a display name the block title does not display except in editing mode.
  • Use as tabs: one flexpage menu can be selected to display in the header bar. Flexpage menus can be added to this flexpage menu.

Once you have made all the changes to the menu click the Save changes button.

1.4.4.6. Managing Links

Flexpage menus allow the teacher to link a flexpage menu to five different locations:

  • Activity in the course
  • Another flexpage menu
  • A flexpage and all sub flexpages
  • Create a trouble ticket

To manage a flexpage menu's links, select the Manage links link from the Manage drop-down to the right of the flexpage menu you want to add links to. A modal like the one below will display if you have no links in the current flexpage menu.

The modal below will display if you have added links to the flexpage menu

The lower half of the modal is separated into three columns. The first column is the type of link. The second column contains a choose drop-down with the actions to edit, move and delete the link within the flexpage menu. The last column is a link to preview where the user will end up if the click on the menu link. Clicking the preview link will display the link in a pop-up window.

1.4.4.6.1. Adding Links to a Flexpage Menu

To add a link to a flexpage menu click the Add new link button in the top area of the manage links modal and select the link types that you want to create. Links added to a flexpage menu display based on the flexpage menu's settings.

Activity Link

The activity link is used to link to any activity or resource that has been already created in the course. This is useful if there is a particular activity like forum or resource that the teacher wants the students to have access to on every page or just specific pages. This is also a way to create navigation within a section of pages that refers to each activity the student has to complete. Activity links follow the restricted access rules for an activity and will not display the link if the student does not have access to view it. To add an activity link select Activity from the Add new link drop down menu. A new modal like the one below will display.

Select the activity to link to from the activity drop-down and click the Save changes button to add the activity link to the current flexpage menu. The modal will close and return you to the Manage links modal.

Flexpage Menu Link

The flexpage menu link is used to create dynamic expandable menus of multiple types. This is new to Joule 2 and provides a teacher with the flexibility to create full navigation structures that can be expanded and collapsed and contain any type of link. To add a flexpage menu link select Flexpage menu from the Add new link drop-down menu. A new modal like the one below will display.

Select a flexpage menu to add from the flexpage menu drop-down and click the Save changes button to add the flexpage menu links to the current flexpage menu. The modal will close and return you to the Manage links modal.

Flexpage Link

The flexpage link allows a teacher to add a specific flexpage or a parent and all child flexpages to a flexpage menu. If child flexpages are included then the menu will be expandable/collapsable in a tree menu and as a fly out menu in a horizontal navigation flexpage menu. To add a flexpage link select Flexpage from the Add new link drop-down menu. A new modal like the one below will display.

Select the flexpage to add to the flexpage menu in the Flexpage drop-down. If you want to include children pages click the Include children checkbox and then click the Save changes button. The modal will reload with all of the children of the selected flexpage. Click the checkbox next to each child flexpage you want to add as a sub menu to the parent flexpage in the flexpage menu. Once you are done selecting child flexpages click the Save changes button. The modal will close and return you to the Manage links modal.

URL Link

The URL link allows a teacher to link to any URL both internal and external. To add a URL link select URL from the Add new link drop-down menu. A new modal like the one below will display.

  • Label: the text that will be displayed within the flexpage menu when this link is displayed.
  • URL: contains the actual URL the user will be directed to upon clicking on the link in the flexpage menu. Include the full URL including the http://, https://, or ftp://. There are no limitations on the URL type. It can include mail to code for emails.

After filling out the two fields click the Save changes button to add the URL to the current flexpage menu. The modal will close and return you to the Manage links modal.

1.4.4.6.2. Move Link

Flexpage menu links appear in the flexpage menu as they are listed on the manage links modal. Furthermore new flexpage menu links are created at the bottom of the list. Because of this sometimes a teacher will want to move a link to a different location in the flexpage menu. To move a link first navigate to the manage links (review the Manage links modal) modal for the flexpage menu you want to rearrange links in. Next select the Move option from the drop-down in the manage column to the right of the flexpage menu link you want to move. This will bring up a modal like the image below.

Select the before or after in the first drop-down and then the flexpage menu link that the current link will be moved before or after. Finally click the Move link button and the modal will change. The manage links modal will reappear and the changes will be reflected in the modal.

1.4.4.6.3. Deleting Links to a Flexpage Menu

If a link in a flexpage menu has become obsolete, or you are restructuring the course, you may need to delete links from an existing flex page menu. To delete a link first navigate to the manage links (review the Manage links modal) modal for flexpage menu you want to delete a link from. Next select the Delete option from the drop-down in the manage column to the right of the flexpage menu link you want to delete. This will bring up a confirmation modal like the image below.

Click the Delete button to delete the flexpage menu link, or the Cancel button to not delete the flexpage menu link. The manage links modal will reappear and the changes will be reflected.

1.4.5. Deleting Activities From a Course

To delete activities in a course click the delete icon next to the activity. This will delete all instances of the activity or resource in all flexpages and flexpage menus in the course.

1.4.6. Navigating Between Pages

There are two ways to navigate between flexpages in a course. The first is to turn editing on and use the navigation area on the right side of the action bar. In this area you have three methods of navigation:

  • Click the left double arrows to go to the previous flexpage in the flexpage hierarchy if one exists.
  • Click the right double arrows to go to the next flexpage in the flexpage hierarchy if one exists.
  • Select a page name in the jump to menu between the two double arrows to navigate directly to the flexpage in the course.

The second way is to add a flexpage menu to the course via the Add existing menu in the Add menu of the action bar and navigate between pages.

1.4.7. Moving Blocks and Activities

Blocks can be moved on a flexpage just like with any other course format. The difference with Flexpage is that the blocks can be moved in any of the four areas on a flexpage, top, left, main and right. To move a block the first step is to turn editing on by clicking the Turn editing on button in the navigation bar or the link in the Navigation block. Next click the Move icon in the header of the block you want to move, it is located under the title of the block and to the far right. The page will refresh at this point and you will see pink boxes with dotted lines around them, these will appear above and below all blocks and activities in the course. You can select any of these areas to move the block there. See the image below for an example.

The top area will appear as one solid pink box above the navigation buttons and below the action bar. The top area by default spans the entire width of the flexpage and blocks are displayed horizontally going down the page. Select a pink box to move the block to that location. The page will refresh and display the changes.

1.4.8. Changing Flexpages Blocks Display On

Flexpage allows teachers to set blocks to display on all flexpages, on a specific page, as well as in any of the four regions of the page. This provides the teacher with the flexibility to create content that appears on all pages or only on specific pages, and to choose where on the page the content will display. Activities in Flexpage can also be displayed as blocks. This means the block settings for an activity can be displayed on all flexpages or a single flexpage as a block. To change where the block displays the first step is to turn editing on by clicking the Turn editing on button in the navigation bar or the link in the Navigation block. Next click the Configuration icon in the header of the block you want to configure, it is located under the title of the block and is the third icon in.

Clicking this icon will reload the page and provide the configuration options similar to the image below. There may be more or less settings in the block settings area depending on the block being configured.  Where this block appears and On this page are relevant to changing what flexpages blocks display on.

Where this block appears
This area of the form determines what flexpages and courses the block appears on.

  • Original block location: is the location that the block originally showed up in before the current changes.
  • Display on page types: determines what Moodle pages a block can display on.
    • Any page - will display the block on any page on the site, e.g. my Moodle, Site, Course, Flexpage, Activity, etc.
    • Any course page - will display the block on any course, flexpage or activity page.
    • Any type of course main page - will display the block on any course main page.
  • Select pages: determines if the block displays on the current flexpage or all flexpages.
    • Any page matching the above - will display in all courses and flexpages based on the Display on page types setting.
    • This specific page - will only display on the current flexpage.
  • Default region: is the default region of the flexpage that the block will display in.
    • Left
    • Right
    • Top
    • Main
  • Default weight: is the location within the selected area the block shows in for all pages. The lowest weight displays at the top of the area.

On this page
The on this page section of the form contains the settings for the block on the current flexpage.

  • Visible: This setting determines if the block is shown or hidden to students.
    • No
    • Yes
  • Region: This is the region on this flexpage that the block is show in
    • Right
    • Top
    • Left
    • Main
  • Weight: This is the location within the selected area of the current flexpage the block shows in. The lowest weight displays at the top of the area.

1.4.9. Converting Another Course Format to Flexpage

Changing course formats is simple in Joule, it allows teachers to switch formats based on the best display needs for their current set of students and allows them to change formats as they become more advanced Joule users. To change a course format, navigate to the course settings under the Settings block > Course Administration > Edit Setting. Select Flexpage Format from the Format drop-down and click the Save changes button. Once this happens you will see the course in the Flexpage course format. The initial differences are seen in the image below.

A default flexpage is created just like when a new Flexpage course is created. All of the blocks that were added to the topics formatted course are also added to all flexpages in the Flexpage formatted course. The major difference is that no activities or resources have been added to the flexpage. The activities and resources still exist, but they must be added to each of the flexpages that they will be associate with. The teacher will also be able to create new flexpages, flexpage menus and menu links.

1.5. Global Settings

1.5.1. Front Page Settings

When Flexpage is enabled for a site, a new setting is added to the Front page settings interface, which can be accessed by going to Settings > Site Administration > Front Page > Front page settings. The new setting is called Use Flexpage on front page and appears below the Default frontpage role setting.

Front page settings screen shot with the new use Flexpage on front page setting

  • Use Flexpage on front page: This will enable the Flexpage course format on the front page. Default: No

1.6. Permissions

  • Manage Pages: A user with this permission is allowed to add, update and delete flex pages in a course
    • Default Permissions
      Role Not Set Allow Prevent Prohibit
      Manager   X    
      Course Creator X      
      Teacher   X    
      Non-Editing teacher X      
      Student X      
      Guest X      
      Authenticated User X      
    • Risks
      • XSS: Users could add files and texts that allow cross-site scripting (XSS)

2. Folder view

2.1. Overview

The Folder View course format displays activities and resources within a folder that is expandable or collapsible. This course format can display all folders on a page or a single folder at a time with previous and next topic navigations or a jump-to menu facilitating the navigation between folders. Editing functionality is consolidated for the course into an area at the top of the page.

Moodlerooms developed the Folder View course format with clients migrating from ANGEL to Joule in mind. This course format mimics many of the features of the ANGEL folders, making previous ANGEL clients feel more at home within Joule. The course format was also developed with an eye towards consolidating the editing functionality in core Moodle's Topics and Weeks formatted courses.

2.2. Benefits

The benefits of the Folder View course format are:

  • Consolidated editing functionality for blocks, resources, and topics
  • Expandable/collapsible folder areas
  • Single folder displays jump-to menu for accessing other folders
  • Easy addition of topics/folders to the course without editing the course settings

2.3. User Documentation

The initial course view for a Folder View formatted course is similar to a collapsed Topics format course. There are activities and resources that the instructor has added to the very first topic (overview section) and then a listing of folders with titles. It should look similar to the screen shot below:

From this initial screen, you will have the option to perform the following:

  1. Expand one or all folders
  2. View a single folder
  3. Jump to a single folder

You will want to perform one of these actions to view the activities and resources within the folder(s).

2.3.1. Expanding/Collapsing One or All Folders

To view activities and resources within a folder, you must first expand the folder. A folder can be expanded by either clicking on the folder itself or the plus symbol next to the course title:

Click the folder or the minus symbol to collapse one or all folder(s) respectively.

Note
An expanded folder will be saved as expanded for the next time you view the course.

2.3.2. Viewing a Single Folder

Folder View allows you to view a single folder at a time. Click on either the title of the folder or the Show only icon, which in most Joule sites is the blue or gray square in the upper right-hand corner of the folder.

Once in this view, you can return to the list of folders by clicking on the folder list icon in the upper right or the Topic list link in the bottom right of the list.

2.3.3. Jumping to a Folder

Both the full folder list view and the single folder list view offer the ability to jump to a single folder. The Jump to... drop-down list is at the bottom of the page.

Using the Jump to... menu brings you into the single folder view of the folder selected.

2.4. Teacher Documentation

The Folder View course format is similar to the core Moodle Topics and Weeks course formats from a display perspective – activities and resources are grouped and displayed together in sections. In the Folder View format, each section is considered a "folder" and provides a folder icon next to the title. The Folder View differs from the core Moodle Topics and Weeks course formats in the following ways:

  • Folder View simplifies the interface used to edit the information within the course by placing editing tabs below the first topic.
  • Folder View allows the user to expand and collapse a topic/folder to provide a more streamlined view of the course information
  • Folder View remembers the state of the expanded and collapsed topics
  • Folder View moves the editing interface to the far right side of the topic, making all the icons appear in one location for easy use
  • Folder View adds a new "add resource" icon to the left of the "edit topic" icon for easy addition of resources to a topic

2.4.1. Editing Tabs

After turning editing on, the Folder View course places the usual editing features as tabs at the top of the page under the first topic folder (rather than adding drop-down menus to each topic).

The tabs are as follows:

  • Add topic: Allows the teacher to add a new folder to the course
  • Add resource: Allows the teacher to add an activity or resource to any topic in the course
  • Add block: Allows the teacher to add a block to the course
  • Topic settings: Allows the teacher to change the settings for the first topic
Closing a tab
At any time, you can close an expanded tab by clicking the close icon in the upper right of the expanded tab. Most themes use an icon that is a square with an X in the middle.

2.4.2. Adding a New Folder

Clicking on the Add Topic link will expand the Add Topic tab.

Type in the name to be used for the new topic and click the Add topic button. The topic will be added as the last topic in the list and the course settings will be updated to include the new topic in the Number of weeks/topics setting.

2.4.3. Adding Resources/Activities

There are two ways to add resources and activities to a topic. Either use the Add Resource tab under the first topic, or click the Add resource icon to the right of the topic title.

Using either method will expand the Add Resource tab, which will display a listing of each activity and resource that can be added to the course. At the bottom there will be a drop-down list of topic titles. If you clicked the Add Resource tab, you will want to select the topic to place the resource in from the Add To drop-down menu. If you clicked the Add resource icon to the right of the topic title, then the Add To menu will have already selected the topic for you. After selecting the topic to place the resource in, click on the link of the resource you would like to add. You will be taken to the resource's creation page and be able to change your settings there. Once you save and display or save and return to course, the resource will be in your topic of choice.

2.4.4. Adding Blocks

Folder View removes the Add a block drop-down menu from the right-hand column and instead places it as a tab under the first topic. Clicking on the Add Block link will expand the tab to display a listing of all blocks the teacher can add to the course.

Click the link with the name of the desired block to add it to the right-hand column of the course.

2.4.5. Editing Layout

Folder View displays  the AJAX move icon (which looks like an arrowed plus sign) from the course page initially when editing is turned.

Folder View will also limit the display of the topic summaries with a ripped paper affect in order to focus on seeing more content on the page. Drag the folders or resources where they need to be in the course at this point.

2.4.6. Changing Topic Settings

In either the full topic list or single topic list mode, the Topic Settings link will bring the teacher to the settings page for the topic that it is directly under. In the full topic mode, this means the first folder of the course. In single topic mode, this means the folder selected. In this interface, the teacher can change the section name for the folder from the default section name and edit the summary for the folder. Alternatively, the teacher can click the topic settings icon in the full topic mode next to any folder title.

3. Product Manual Terms of Use

Permission for the use of Product Manual is granted subject to the following terms and conditions:

By accessing this page and using this manual, you agree to and are bound by the terms of this Terms of Use. If you do not agree to all of the terms and conditions contained in the Terms of Use, you are not authorized to use this page or these documents.

In using Product Manual, you agree that you will use them only for their intended purpose and not use them for any purpose that is unlawful or prohibited by these terms. You may not misuse or alter any document in any way, including any derivative work, or reproduce or display these documents outside your enterprise without the express written consent of Moodlerooms.

Except as expressly granted in the Terms of Use, no other permissions, licenses or rights are granted, either express or implied, to the Product Manual, or to any information, data, software or other intellectual property contained therein.

Moodlerooms reserves the right to withdraw the permissions granted herein whenever, in its sole discretion, the use of the Product Manual is detrimental to its interest or, as determined by Moodlerooms, the instructions contained herein are not being properly followed.

Moodlerooms makes no guarantee about the content of the Product Manual. Use of the Product Manual is at your own risk. They are provided “as is” and without warranty of any kind, either express or implied, including, but not limited to implied warranties of merchantability, non-infringement and fitness for a particular purpose.

The Content, Software, Services and all other aspects of this web site are subject to these Terms of Use. Moodlerooms reserves the right to update these Terms of Use at any time without notice to you. The applicable and most current version of the Terms of Use can be reviewed by clicking on the “Terms of Use” hypertext link located at the bottom of our web pages.

Your Rating: Results: PatheticBadOKGoodOutstanding! 8 rates
Adaptavist Theme Builder Powered by Atlassian Confluence