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. |