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:
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.
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.
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:
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.
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.
The Add menu in the action bar allows a teacher to add flexpages, activities, blocks and menus to the course or Flexpage.
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:
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.
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:
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.
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:
These activities and resources will look similar to the image of an inline forum below.
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:
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.
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.
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:
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 .
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.
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:
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.
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.
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.
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.
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.
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.
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:
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.
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.
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.
Once you have made all the changes to the menu click the Save changes button.
Flexpage menus allow the teacher to link a flexpage menu to five different locations:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:
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.
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.
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
On this page
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.
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.
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.
The benefits of the Folder View course format are:
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:
You will want to perform one of these actions to view the activities and resources within the folder(s).
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.
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.
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.
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:
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:
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.
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.
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.
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.
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.
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.
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.