Insights

Here at Oxford Brookes, we have a  Blue Card scheme enabling students with specific learning difficulties (SpLDs) to flag their work with a blue card , so the tutor will mark it with due consideration. There are two ways of submitting a Moodle assignment that might be required to be assessed differently if a student has a specific learning difficulty: the  Turnitin assignment , and the  Moodle assignment . Here's what the JavaScript blue card functionality will look like in Moodle to a lecturer. Please note this is a proof of concept and is not yet available in live Moodle. We run a Moodle query in the background to check whether the student is entitled to a blue card, and only display the blue card button to them if they are entitled to use it. When the lecturer opens the submissions to a Moodle or Turnitin assignment, the ones who have added a blue card will be highlighted. Moodle Assignment Log in to Moodle.  Go to your course and then your assignment.  ...

Here at Oxford Brookes, we have a  Blue Card scheme enabling students with specific learning difficulties (SpLDs) to flag their work with a blue card , so the tutor will mark it with due consideration. There are two ways of submitting a Moodle assignment that might be required to be assessed differently if a student has a specific learning difficulty: the Turnitin assignment , and the Moodle assignment . Here's what the JavaScript blue card functionality will look like in Moodle. Please note this is a proof of concept and is not yet available in live Moodle. First, we run a Moodle query in the background to check whether the student is entitled to a blue card, and only display the blue card button if they are entitled to use it. Submitting a Turnitin assignment On the Moodle dashboard, click on the course name. Click on the Turnitin assignment in the course    Click on the My Submissions tab Click on the 'Flag with Blue Card' button Enter your essay title after the word...

Here at Oxford Brookes, we have a  Blue Card scheme enabling students with specific learning difficulties (SpLDs) to flag their work with a blue card , so the tutor will mark it with due consideration. We needed a way of making it easier for students to flag their work with a blue card, and I have come up with the following script, which goes into the Additional HTML section in Site Administration in Moodle, and works with the Moodle Assignment functionality (see previous post for a blue card script that works with the Turnitin plugin ). First the student clicks the button to add the blue card, which inserts a comment with the words "Blue Card" in the submission comments field. When the form is submitted, the JavaScript looks for a comment in the grading table, and adds a flag in the status column to remind the tutor to review the comments. The tutor can then display the comment and see the words "Blue Card" (which are a link to the dyslexia marking guidelines). /* ...

Here at Oxford Brookes, we have a Blue Card scheme enabling students with specific learning difficulties (SpLDs) to flag their work with a blue card , so the tutor will mark it with due consideration. We needed a way of making it easier for students to flag their work with a blue card, and I have come up with the following script, which goes into the Additional HTML section in Site Administration in Moodle, and works with the Turnitin plugin. (See the next post for a script that works with Moodle assignments .) First the student clicks the button to add the blue card, which inserts the text "Blue Card: " at the start of the assignment title. When the form is submitted, the JavaScript looks for the text "Blue Card" on the next page, colours the table cell blue and appends a link to the dyslexia marking guidelines.   <script type=" text/javascript "> var TurnitinBlueCardButton =  ' <input type="button" id="tiibluecard" value=...

I want to add a tooltip to an HTML element in Moodle, using the custom CSS available in the theme settings. I want only to use CSS, and not add any HTML or JavaScript to the page. Here's how I did it. See the Pen Popup message (pure CSS) by Yvonne Aburrow ( @vogelbeere ) on CodePen . This can be used to apply a popup message to any CSS class, and you can position the message anywhere on the page. You can style the popup message any way you want. Please view the demo in CodePen for best results.

FontAwesome is a nifty icon set that you can use anywhere that you can edit HTML. For example, you can use it in Moodle to display a symbol. Step 1. Go to edit mode and find the text region you want to edit. Step 2. Click on the first button on the toolbar (to show more buttons) Step 3. Click on the HTML edit mode button  <> Step 4. Go to  FontAwesome icons  and click on the one you want to use If your icon is purely for decorative purposes, use this code: <i class= "fa fa-tree" aria-hidden= "true" ></i> If it has a semantic meaning, use this code: <i class= "fa fa-tree" ></i> To improve web accessibility , FontAwesome recommend using aria-hidden="true" to hide icons used purely for decoration. Step 5. Paste the HTML into the Moodle text box Step 6. Turn off HTML editing (click on the HTML edit mode button  <>  again) Now you have a tree in your text box! Need to make it bigger?  Go back to HTML edit mode...

I have a main controller with some data (fetched by $http.get), and when you click on one item, it pops up a modal with more details. In my modal, there is a button to modify the data (sent by $http.post) which then closes the modal and needs to tell the parent controller to refresh the data, because it has been modified by the event in the modal. NB: if you use my solution - don't forget to add Angular UI bootstrap to your main controller as follows: var myApp = angular.module('myApp', ['ui.bootstrap']); HTML <!--MODAL WINDOW for item details --> <script type = "text/ng-template" id = "itemModalContent.html" > < div class = "modal-dialog ng-hide=" hidden "> < div class = "modal-content" > < div class = "modal-header" > < button type = "button" class = "cancel rig...