7. Template Struktur

Da ke_questionnaire modular aus vielen Elementen besteht, gibt es statt einem zentralen
Template mehrere Templates. Innerhalb der PlugIns wird dementsprechend nur der Ordner
ausgewählt in dem die Templates liegen und nicht einzelne Dateien.

Sollten Sie nicht die Standard-Templates verwenden wollen, müssen alle Standard-
Templates der Extension in dieses Verzeichnis kopiert werden und können dann erst
bearbeitet werden. Sollten nur vereinzelt ein paar Dateien kopiert werden, dann führt dies
zu Fehldarstellungen im Frontend.

Erklärung der Dateien:

  • questionnaire.html

    • Das Basistemplate der Extension. Hier wird das grobe Gerüst der Extension
      definiert. Dazu gehören Bereiche wie: Timer, Navigationselemente,
      Punkteauswertungen, Captcha und Seitenzähler

  • helpbox.html

    • Template der Hilfebox. Diese erscheint, wenn mit der Maus über das
      Fragezeichen, das bei den Fragen und Antworten hinterlegt wurde,
      gefahren wird.

  • question_xxx.html

    • Für jeden Fragetypen gibt es ein eigenes Template und definiert das
      Aussehen eines jeden Fragetyps. In diesen Templates wird auch definiert,
      wie die PDFs für die Auswertungen gerendert werden. Hier der Aufbau
      eines solchen Templates an Hand des Fragetyps „Verschieben von
      Wörtern“:

<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<!-- ###QUESTION_DD_WORDS### begin-->
<div class="keq_unit" id="question_###NAME###" ###DEPENDANT_STYLE###>
    <div class="keq_img_left">###IMG_LEFT###</div>
    <div class="keq_img_right">###IMG_RIGHT###</div>
    <div class="keq_img_top">###IMG_TOP###</div>
    <div class="keq_question">
        ###TITLE######TEXT###
        ###HELPBOX###
    </div>
    <div class="keq_img_bottom">###IMG_BOTTOM###</div>
    <div class="keq_cleaner">&nbsp;</div>
    <div class="keq_selection">
        <!-- ###ERROR_MESSAGE### begin--><div
class="keq_error">###ERROR###</div><!-- ###ERROR_MESSAGE### end-->
        <!-- ###FIELDS### begin-->
            <!-- ###BLIND### begin-->
                Ein bisschen Freitext.
            <!-- ###BLIND### end-->
            <!-- ###LIST### begin--><span class="###ODD_EVEN###">
            <div class="keq_img_left">###IMG_LEFT###</div>
            <div class="keq_img_right">###IMG_RIGHT###</div>
            <div class="keq_img_top">###IMG_TOP###</div>
            <!-- ###ERROR_MESSAGE### begin--><div
class="keq_error">###ERROR###</div><!-- ###ERROR_MESSAGE### end-->
            <select ###DEPENDANT### name="###PI###[###NAME###]
[options][]" id="keq_###NAME###" multiple="multiple" ###CLOSED_SIZE###
###DEPENDANT_AJAX###>
                <!-- ###OPTIONS### begin-->
                    <option>lorem ipsum</option>
                    <option>lorem ipsum</option>
                <!-- ###OPTIONS### end-->
            </select></span>
            <div class="keq_img_bottom">###IMG_BOTTOM###</div>
            <!-- ###LIST### end-->
        <!-- ###FIELDS### end-->
    </div>
</div>
<!-- ###QUESTION_DD_WORDS### end-->
<!-- ###DOMPDF### begin-->
<div class="question">
    <div class="question_title">###QUESTION_TITLE######QUESTION###</div>
    ###OPTIONS###
</div>
<div class="question">
        ###COMPARE###
</div>
<!-- ###DOMPDF### end-->
<!-- ###DOMPDF_OPTION### begin-->
    <div class="closed_question_element">
        <div class="closed_question_option">###VALUE###</div> ###TEXT###
###INPUT_TEXT###
    </div>
<!-- ###DOMPDF_OPTION### end-->
<!-- ###DOMPDF_COMPARE### begin-->
<div class="compare">
        ###COMPARE_TITLE###
        ###OPTIONS###
</div>
<!-- ###DOMPDF_COMPARE### end-->
</body>
</html>

Keine Kommentare

Kommentar hinzufügen

* - Pflichtfeld