Last Update: 2023-11-16

Files

survey_detail.php Survey Page

Survey Tags

Usable in survey_detail.php.

<!--FEEDBACK//--> Will be replaced with success and error messages, when applicable.
<!--SURVEY_TITLE//--> Will be replaced with the title of the survey.
<!--SURVEY_OPENER//--> Will be replaces with the teaser text of the survey.
<!--SURVEY_PICTURE//--> Will be replaced with the URL for the survey image.
<!--SURVEY_FORM_BEGIN//--> Defines begin and end of the HTML-Code for the survey form. Everything between these tags will not be shown, after successful registration.
<!--SURVEY_FORM_END//-->
<!--SURVEY_FORM//--> Will be replaced with the survey form.
<!--SURVEY_BUTTON_NEXT//--> Will be replaced with the text for the address data form.
<!--SURVEY_BUTTON_PREV//--> In addition to the survey form, an address data form can be defined. Defines begin and end of the HTML-Code for the address data form.
<!--SURVEY_PAGECOUNT//--> Will be replaced with the number of pages the survey is split on.
<!--SURVEY_PAGEINDEX//--> Will be replaced with the current page of the survey.
<!--SURVEY_PROGRESSBAR//--> Will be replaced with a progressbar (grafical representation of the current page).
<!--CUSTOM:num//--> Up to 10 custom fields can be defined (survey custom fields are setup in survey_config.xml).

Example survey_detail.php

<div class="container">

  <!--IF:SURVEY_PICTURE//-->
  <img src="<!--SURVEY_PICTURE//-->" width="100%" border="0">
  <!--ENDIF:SURVEY_PICTURE//-->

  <!--IF:SURVEY_TITLE//-->
    <h1 class="title ep-survey-title"><!--SURVEY_TITLE//--></h1>
  <!--ENDIF:SURVEY_TITLE//-->

  <!--IF:SURVEY_OPENER//-->
    <p class="text ep-survey-opener"><!--SURVEY_OPENER//--></p>
  <!--ENDIF:SURVEY_OPENER//-->



  <!--IF:FEEDBACK//--><div class="feedback"><!--FEEDBACK//--></div><!--ENDIF:FEEDBACK//-->

  <!--SURVEY_FORM_BEGIN//-->
  <div class="ep-survey-form">
    <!--SURVEY_FORM//-->
  </div>

  <div class="mod_form_buttons">
    <!--SURVEY_BUTTON_PREV//-->
    <!--SURVEY_BUTTON_NEXT//-->
  </div>
  <!--SURVEY_FORM_END//-->

  <!--SURVEY_PROGRESSBAR//-->

  <!--IF:SURVEY_PAGECOUNT//-->
  <div class="mod_survey_pageindex">
    Page: <!--SURVEY_PAGEINDEX//-->/<!--SURVEY_PAGECOUNT//-->
  </div>
  <!--ENDIF:SURVEY_PAGECOUNT//-->

</div>

Survey Config XML

Survey custom fields and snipplets are defined in survey_config.xml.

Info: You can use customfield and snipplet options from config XML

Survey CSS Classes

The following classes can be used to style generated form elements in survey form.

CSS Class used for
Layout:  
.form_item_template_1 wrapper table of a vertical element
.form_item_template_3 wrapper table of a horizontal element
.title container of headline and title of fields
.text container of text and fields
.col column of table
Form elements:
.feld form all input fields
.mod_formitem_field single line text input (not address data field)
.mod_formitem_textarea multi line text input
.mod_formitem_select dropdown input
.mod_formitem_textarea multi line text input
.mod_formitem_option container of radio/checkbox
.ep-radio-container container of radio input
.ep-checkbox-container container of checkbox input
.ep-checkbox-single container of single checkbox input
.mod_formitem_matrix_table table of matrix question
.mod_formitem_matrix_col table cell of headline in matrix question
.mod_formitem_matrix_row table cell of matrix question
.mod_formitem_matrix_row_label first table cell of matrix question
.mod_form_button form button
.ep-survey-button-back form button to previous page
.ep-survey-button-next form button to next page / submit
.mod_formitem_title title of input fields
.mod_formitem_description desctiption text for fields
.mod_formitem_text text elements
.ep-file-upload file input field
.ep-label label of radio/checkbox
.ep-conditions container of conditions checkbox
.survey_img image element
.gallery container of gallery
.readonly disabled input
Für Rückfragen stehen wir Ihnen jederzeit gerne unter support@eyepin.com zur Verfügung.