Wiki source code of Richtig Falsch-Kennzeichnung ausblenden (CSS)
Last modified by Anna Paul-Hasenfuss on 01.10.2024
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{section}} | ||
| 2 | {{column width="60%"}} | ||
| 3 | The right/wrong tagging in ONYX is done with the icons for correct and incorrect answers. For some questions, users can derive correct solution from the tags. If no right/wrong tagging shall be carried out in the entire test, it can be configured in the question assessment settings by enabling the option "points achieved". | ||
| 4 | |||
| 5 | If tags in the test shall** be prevented for specific questions only**, this can be achieved by using a CSS markup. This is possible for all other automatically evaluable question types except for the Hotspot task type. | ||
| 6 | |||
| 7 | |||
| 8 | [[image:attach:Ausgeblendete Richtig-Falsch Icons_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true"]] | ||
| 9 | {{/column}} | ||
| 10 | |||
| 11 | {{column width="30%"}} | ||
| 12 | {{panel title="Content"}} | ||
| 13 | {{toc start="2"/}} | ||
| 14 | {{/panel}} | ||
| 15 | {{/column}} | ||
| 16 | {{/section}} | ||
| 17 | |||
| 18 | == How to hide right/wrong tags == | ||
| 19 | |||
| 20 | **Hiding right/wrong tags** means that there will not be any red or green check mark and no red cross displayed. | ||
| 21 | |||
| 22 | If you wish to do so, use the following CSS code: | ||
| 23 | |||
| 24 | {{code language="css"}} | ||
| 25 | .evaluation {display: none!important;} | ||
| 26 | {{/code}} | ||
| 27 | |||
| 28 | [[image:attach:Testdurchführung - alle Icons per CSS ausblenden_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 29 | |||
| 30 | |||
| 31 | == How to hide the tag for correct answers == | ||
| 32 | |||
| 33 | **Hiding the tag for correct answers** means that there will no red check mark be displayed. | ||
| 34 | |||
| 35 | To do this, use the following CSS code: | ||
| 36 | |||
| 37 | {{code language="css"}} | ||
| 38 | .notansweredbutcorrect {display: none} | ||
| 39 | {{/code}} | ||
| 40 | |||
| 41 | [[image:attach:Testdurchführung - Icon per CSS ausblenden_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] | ||
| 42 | |||
| 43 | |||
| 44 | == How to add a CSS file to a question or test == | ||
| 45 | |||
| 46 | Save your statements in a CSS file (.css). Now you can upload this file as an **external file** in the **Options** tab under **Advanced settings**. Detailed instructions on this can be found here [[Set Options>>doc:ONYX.Erstellung von Testinhalten.Aufgaben.Optionen festlegen.WebHome]]. | ||
| 47 | |||
| 48 | Please note: | ||
| 49 | |||
| 50 | * If the CSS file is uploaded to a question, it will affect the layout of such. | ||
| 51 | * If the CSS file is uploaded to a test, all selection tasks of the entire test are designed accordingly. | ||
| 52 | * If the **Show all questions of a section per page** option is activated on the test, a CSS file on an individual question affects all questions in the same section. |