Background colours for Feedback

1 Initial Problem

Background colours would help users to see if their answer is correct or false.

2 Conceptual Summary

Selectable background colour for each Feedback (prt1-0-T) in PRTs. For example red, yellow, green.
Or even better: the possibility to type in the wanted colour in Hex Code. This would be better because it is more flexible.

3 User Interface Modifications

3.1 List of Affected Views

Feedback for users would appear different depending on the answer given.

This is the current view:

In this case the upper feedback could appear in red because the answer is wrong and the second feedback could appear in green because the answer is correct.
Therefore students can easily see whether their answer is correct or not.

Like this:

This design is made with HTML. It is possible but complicated. For ordinary users it is not that helpful. So we would still recommend changable colours as a feature.

The HTML code looks like this:
1. Box:
<div style="margin: -36px -16px -0px; padding: 36px 16px 0px; opacity: 1; background-color: #ffcccc70; color: black;"></div>
<div style="margin: -0px -16px -0px; padding: 0px 16px 0px; opacity: 1; background-color: #ffcccc70; color: black;"></div>
<div style="margin: -0px -16px -0px; padding: 0px 16px 0px; opacity: 1; background-color: #ffcccc70; color: black;">Sie haben die Ableitung nicht richtig berechnet.</div>
<div style="margin: -0px -16px -0px; padding: 0px 16px 0px; opacity: 1; background-color: #ffcccc70; color: black;"></div>
<div style="margin: -0px -16px -0px; padding: 0px 16px 0px; opacity: 1; background-color: #ffcccc70; color: black;">Tipp: Rechnen Sie zuerst die 1. Ableitung aus.</div>
<div style="margin: -0px -16px -36px; padding: 0px 16px 36px; opacity: 1; background-color: #ffcccc70; color: black;"></div>

2. Box:
<div style="margin: -0px -16px -0px; padding: 16px 16px 0px; opacity: 1; background-color: #e5fee1; color: black;"></div>
<div style="margin: -0px -16px -0px; padding: 0px 16px 0px; opacity: 1; background-color: #e5fee1; color: black;">Sie haben die richtige Anzahl Wendepunkte angegeben.</div>
<div style="margin: -0px -16px -36px; padding: 0px 16px 36px; opacity: 1; background-color: #e5fee1; color: black;"></div>

3.2 User Interface Details

There would be a textbox labeled "Background color" where users can type in the colour of the feedback.

It could look like this:

3.3 New User Interface Concepts

{If the proposal introduces any completely new user interface elements, you might consult UI Kitchen Sink in order to find the necessary information to propose new UI-Concepts. Note that any maintainer might gladly assist you with this.}

4 Technical Information

The colours would not be exportet to Moodle.

5 Contact

• Author of the Request: Eva Mix
  
• Maintainer: {Please add your name before applying for an initial workshop or a Jour Fixe meeting.}
• Implementation of the feature is done by: {The maintainer must add the name of the implementing developer.}

6 Funding

If you are interest in funding this feature, please add your name and institution to this list.

• …

7 Discussion

Eva Mix: We found out that it is possible to colour the background of the feedbacks with HTML-Code (using magin and padding). But a feature like described above would still be helpful because it would be easier to use. 

8 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

• {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.