Avendoo® online documentation

Picture knowledge test question

If you select picture question you can test ranges in pictures. You can ask for example for a certain location on a map. This location is marked as correct in the question wizard. The learner has to find the correct position in the picture when he/she answers.

You select ranges by dragging first the corner of the range via click on the favored position in the picture. Then you repeat this step for inserting the corner vis-à-vis. The other two corners complete automatically.

If you click the Preview of the picture question, a place holder picture will be shown in the answer area, if you haven’t selected a picture on the tab Question before. This place holder picture will also be shown in the question of the course for the user.

Master data


Enter the title for the question. The user is shown the title in quick navigation mode and the assessment at the end of a knowledge test.


Determine the main language to be used for the question. If the question is to be available in multiple languages, it must be translated in the translation area.


External reference

External references are used for organizing and for linking to other systems. This you can use for manual assignments and on using interfaces, for example: REST API. You can search for external reference in the advanced filter function.
The external reference represents a reference value like ID, serial number or name.


SAP customer number with the external reference 100234
SAP user ID with the external reference 000004

Possible points

Define the maximum points for answering the question. You can award points from 1 to 20 points.


Assign one or more keyword to the question. These keywords simplify searching for certain learning content. Also they sort objects thematically, so you can choose from a question pool questions with a certain keyword.

You create keywords by a right-click on the client in the category tree and then click on Keywords.


Keywords are not transferred if knowledge test questions are moved into other clients.


Edit mode

If you want to create a knowledge test question, select an Empty Page or decide for a design template. Now you can arrange freely all areas and you can move it via drag and drop anytime. Also you can adjust the size of the appropriate area individually.

Variable hinzufügen

There are different variables available for creating a knowledge test question via the editor. Selected content is automatically inserted via the variables:

  • $Author$=name of the author (first name last name)
  • $AuthorLastnameFirst$=name of author (last name, first name)
  • $ChangeDate$= change date of the learning object
  • $CourseTitle$ = title of the course
  • $CreationDate$=creation date of the learning object
  • $ExternalReference$=external reference of the learning object
  • $ExternalVersion$=external version of the learning object
  • $ObjectTitle$=title of the learning object
  • $ParentObjectTitle$ = title of the superordinate learning object
  • $QuestionPoints$=achievable points of the question
  • $Serial$=serial number of the learning object
  • $UserCountry$ = country of the registered user
  • $UserDivision$ = division of the registered user
  • $UserFirstname$ = first name of the registered user
  • $UserGroup$ = group of the registered user
  • $UserLastname$ = last name of the registered user
  • $UserOe$ = organizational unit (OU) of the registered user
  • $UserRegion$ = region of the registered user
  • $UserSex$ = gender of the registered user

Preview mode

To see how the current question is shown on mobile devices, there are five preview modes and the current edit mode available. The pixel width is based on average values. The pixel height is individually well adapted for the dialog window. Choose first a responsive layout and then the preview mode will be shown correctly.

Display on the smartphone (Portrait format, width: 320px)

Display on the smartphone (Landscape format, width: 480px)

Display on the tablet (Portrait format, width: 800px)

Display on the tablet (Landscape format, width: 1000px)

Display on the PC monitor (width: 1200px)


You can write a question via the editor and you can insert it at the appropriate position in the marked area.


Answer area

Select the position, at which the answers should be displayed.


Comment on correct or incorrect answer

If you click on this icon, the comment for a correct or an incorrect answer will be displayed at the same position. If the comment for a correct answer should be at another position than the comment for an incorrect answer, insert via click on the appropriate icon each a separate area.


Information text

To display additional information regarding a question, there is the function Information text available.


 Select background image

To add a background image to your question, you have first uploaded it in the media center. Depending on the background image you can position the comments for a correct or incorrect answer at different positions.


Furthermore you can edit the HTML layout or/and the CSS code by clicking on the button Edit HTML/CSS. Then the dialog window Edit HTML/CSS with the tabs HTML layout and CSS opens.

 Responsive Layouts

For optimum display of your questions also on mobile devices, there are different responsive layouts available. To apply it to the edit mode, click on the favored layout. Then the display in the preview mode is adjusted.

Reset page

Via this action all existing content gets lost and you can restart.



You can define the width of the window, in which the single question elements are positioned. You can select a fixed width or you can adjust the width dynamically to the window width.


Define the areas by clicking two corners vis-à-vis.

New image

To select a picture from the media, click on this button.

 Text orientation

With this function you can show the question text top or at the side.

Full picture/ cropped picture

Here you change the view of the picture. The picture is either shown in original size or as image section. If the picture is bigger than the dialog window, scroll bars appear. The benefit of the cropped picture option is that the user sees directly the relevant picture area of very big pictures. You don’t have to scroll.

Correct answer area

Mark the area in the picture, which should be valid as correct answer.

Incorrect answer area

Mark the area in the picture, which should be valid as incorrect answer.

Mouse information area

Via this function you can lodge information in the marked areas of the picture. The learners see this information, if the mouse pointer is moved over such areas (mouse over).

Remove area

If you want to remove an answer area or a mouse information area, click on Remove area. Then click on the area to be deleted.

Change text

Activate this function with the mouse pointer and click then on the mouse information area to be changed or on an answer area for incorrect answers.

Move area

To move an answer area or a mouse information area, click first on the function Move area and then on the area to be moved. The area turns blue. Click now at the position, at which you want to move the area (the mouse pointer marks the upper left corner).

Shrink/enlarge area

Click on an area in the picture, which you want to move. The selected area turns blue. Mark now the new size of the area (the mouse pointer marks the lower right corner).

Show cropped view

You can choose between two views. First the marked cropped view is shown. Second the whole picture is shown. The non-marked area is grey colored.

Mark cropped view

With this function you mark via a frame an image section. The marking frame is big as the dialog window of the user.

Answer attempts