The HTML header is intended for advanced users who require greater flexibility in designing and defining the functionality of a task beyond standard options and who have sufficient knowledge of HTML.
Examodo displays each task as a separate HTML webpage (embedded within the Examodo application using the <iframe> element). The HTML webpage consists of an HTML header and an HTML body. All other content blocks describe the HTML body. The HTML header is automatically generated by Examodo, incorporating the general design framework and auxiliary functions required for interactions. If the task creator needs to add something to the HTML header generated by Examodo, they must create an HTML header content block and define the additional content there.
Typically, the HTML header defines the styles used on the webpage, loads CSS or JavaScript files, and/or programs JavaScript functions. The Examodo-generated part of the header includes support for using the jQuery library.
The placement of the HTML header content block relative to other content blocks is irrelevant, as HTML header content blocks are always applied before other blocks. If there are multiple HTML header content blocks in a task, their content is inserted into the webpage header in the same order as they appear in the task.
Field | Explanations | Conditions |
Content block identifier | A keyword describing the content block can be entered in the field, and it will be displayed in the task menu. If the field is left empty, Examodo will automatically number the content blocks, starting from 1. |
Text field. |
Additional HTML source code that is placed inside the section of the web page | The code that should be included in the header section of the HTML page has to be inserted here. | Text field. |
Examples
Code to be inserted into the HTML header. | Explanations |
<style> input[type="text"] { padding:1px 0; width:10px; } </style>> |
Changing an open-ended text gap to be 1 character wide (for tasks where, for example, a missing letter needs to be entered). |