Task interface

How the user sees the task and the logic for processing responses are defined in the project. You can set:

  • How objects are arranged on the page.

  • The input field for responses. For example, radio buttons or a text box.

  • Nonstandard rules for response validation. The basic rules for validating responses are specified in the output data parameters (for example, allowed values, length of the string, and so on). If you need more, you can set additional validation rules in the template, as well as a text for error messages.

Tasks are described using HTML, CSS, and JavaScript, and are rendered in a browser, which makes it possible to use any JavaScript and CSS libraries. For solving standard tasks (inserting an input field, image, or frame, or showing popup hints), you can use task classes based on the Handlebars template engine. You can also extend the task classes and add functionality specific to your task.

Connecting libraries

You can connect any JavaScript or CSS libraries for creating the interface. For example, if you have multiple projects with similar tasks, you can save the method descriptions in a separate file and connect it as a library.

To enable a CSS or JavaScript library for creating the interface, click in the Task interface section. Add links to libraries in the JS and CSS fields.

Controls in a task

By default, the task page displays:

  • The timer (counts down the time for completing the task).

  • The price per task page.
  • The title (the project name).

  • The buttons Message to requester, Guidelines, Fullscreen, Next, Skip, To home page.

To edit this set of controls, click in the Task interface section.