Form elements

You build a form from elements in the form editor. Via "Add content", you add the following elements to a layout:

Content elements in the groups Text, Question type, Organisational, Media and Other & design, from which you choose the element you need

You set the elements of the group "Question types" to "Mandatory" or "Optional". Participants fill in a mandatory element before they finish the form. An optional element may stay empty.

Many elements can be placed in an alert box in the "Style" tab. In the "Layout" tab, you set the distance to the other elements.

Title

With the element "Title", you structure the form with headings. You choose the size in the levels h1 to h6.

Drop-down Size in the Style tab of the inspector, with which you set the level of the heading

To the top of the page ^

Text

With the element "Text", you add information or questions to the form. A small editor formats the text and inserts links and bullet points.

Text element with the toolbar for formatting, next to it the inspector with Columns and the switch Alert box

To the top of the page ^

Table

With the element "Table", you present information clearly in rows and columns. In the inspector, you set among other things "Row", "Column", "Row header" and "Column header".

Table with caption, header row and three rows, next to it the inspector, in which you set Row, Column, Row header and Column header

To the top of the page ^

Rubric

With a rubric, people rate several criteria or statements on the same scale. The rows hold the criteria or statements, the columns the levels of the rating scale. In courses, the rubric serves, for example, coaches as a grading grid or participants for peer reviews in the course element "Task".

How you configure a rubric is described on the page The form element rubric.

Rubric with statements in the rows and a five-level rating scale in the columns, next to it the inspector with Type and Steps

To the top of the page ^

Single choice

In a single choice, participants select exactly one option from a list.

With the button "Add choice", you add further options.
With the arrows, you move an entry up or down.
Under "Presentation", you choose whether the options appear "Vertical", "Horizontal" or as a "Dropdown".

Tip

Write the question for the selection in a separate element "Text". The same applies to the multiple choice.

The single choice can be the condition of a question rule. Depending on the selected answer, the form then shows certain containers with their contents.

In the inspector, give the element a meaningful name under "Name" so that you find it again in the question rules.

Single choice with three entries, highlighted are the arrows for moving, the button Add choice and Name and Presentation in the inspector

To the top of the page ^

Multiple choice

In a multiple choice, participants select one or more options from a list.

With the button "Add choice", you add further options.
With the arrows, you move an entry up or down.
Under "Presentation", you choose whether the options appear "Vertical", "Horizontal" or as a "Dropdown".
With the option "Participant can insert other values", participants add their own answers.

The multiple choice can be the condition of a question rule. Depending on the selected answer, the form then shows certain containers with their contents.

In the inspector, give the element a meaningful name under "Name" so that you find it again in the question rules.

Multiple choice with four entries, highlighted are the arrows, the button Add choice and Name, Presentation and the option for other values in the inspector

To the top of the page ^

Text block

In the element "Text block", participants enter their own text in a free text field.

Under "Input type", you set whether participants enter "Text" or a number ("Numeric"). For a date, add the separate element "Date / Time".
Under "Row type", you choose "Single row" or "Multiple rows".

Free text field of the element Text block, highlighted in the inspector are Input type with Text and Numeric and the Row type

To the top of the page ^

Upload file

With the element "Upload file", participants upload a file into the form.

Under "Maximum file size", you limit the size of the file.
Under "File type", you allow only certain file types, for example "PDF" or "Image".

Field for uploading a file, highlighted in the inspector are Maximum file size and File type

To the top of the page ^

Respondent details

With the element "Respondent details", you ask for details about the person who fills in the form, for example first name, last name or email. Under "Information", you tick the details you need. A form contains the element at most once.

Under "Obligation", you choose one of three variants:

Optional - can be left blank: Participants fill in the details voluntarily.
Mandatory - editable: Participants must fill in the details.
Mandatory - not editable: OpenOlat enters the details from the user profile, participants cannot change them.

Important

With this element, the form assigns the answers to the respondent. The form is therefore no longer anonymous.

Respondent details with the ticked fields First name, Last name and E-mail, in the inspector the three variants under Obligation

To the top of the page ^

Terms of use

With the element "Terms of use", you add a letter of agreement with a checkbox to the form. Participants tick it before they finish the form. They can save the form in between before that.

Terms of use element with the text of the letter of agreement and the label that appears next to the checkbox

To the top of the page ^

Image

With the element "Image", you show an image in the form. If you select the element "Image" under "Add content", OpenOlat first asks you to upload an image file. Then the form editor shows the image with the inspector.

Image element with the uploaded image, next to it the inspector with the tabs Style, Title, Display and Layout, in which you set Alignment, Image size and Style

In the inspector, you set how the image appears:

Tab "Style"

Alignment: position of the image in the layout area
Image size: scaling of the image
Style: display, for example with a frame or shadow
Alert box: display in an alert box

Tab "Title"

Title: title of the image
Title position: position of the title, for example above the image or on the image in the middle
Title style: "Bright" for dark images, "Dark" for bright images

Tab "Display"

Description: text about the image, which participants open via a small question mark symbol
Caption: text in a smaller font below the image

Tab "Layout"

Spacing: distance of the image to the other elements

To the top of the page ^

Separator

The separator is a fine dividing line that structures your form into areas.

Separator as a fine dividing line between two text elements, with which you structure the form into areas

To the top of the page ^

Alert box

With the alert box, you highlight an element, for example an important text or a rubric. The alert box is not an element of its own but a setting in the "Style" tab of many elements such as text, table, image, rubric and terms of use.

Text element in an alert box with title and icon, highlighted in the inspector are Alert box, Type, Title, With icon and Collapsible

If the switch "Alert box" is switched on, you set the following settings.

Type

The type determines which pre-formatted box appears or whether you design the box yourself. The options are:

Note
Info
Tip
Important
Warning
Error
Success
Custom: you choose an icon and the background color of the box yourself.

Title

The title appears in the header of the alert box.

With icon

If the option is switched on, the alert box shows an icon at the top left, for example an "i" for the type "Info".

Collapsible

If the option is switched on, participants collapse the box with the symbol at the top right. Then only the title bar is visible. Another click on the symbol opens the box again.

Further information

How do I create a form learning resource?
The form editor
The form element rubric
Question rules in forms

To the top of the page ^