The context Element

The context element is a container which groups elements that have a semantic relationship. A context would group e.g. a flicker element and the input element in which the consumer needs to input the result of the flicker code interaction.

{
    "type": "context",
    "version": string,
    "tags": array<string>,
    "content": array<FormElement>
}

The content Property

since v1.0.0

The content property contains an array of form elements.

Possible values for tags

• HORIZONTAL

Suggests a horizontal layout instead of the default vertical one.

• CAPTCHA

Example of a possible look of the context element with a CAPTCHA & HORIZONTAL tag and two text elements and an image element as the content.

• MULTIINPUT (deprecated)

Example of a possible look of the context element with a MULTIINPUT & HORIZONTAL tag and two input elements as the content.

• BOX_-_SUCCESS, BOX_INFO, BOX_WARNING, BOX_DANGER

Example of a possible look of a context element containing Text elements with the tag BOX_WARNING.

Example of a possible look of a context element containing Text elements withthe tag BOX_DANGER.

• RADIOSELECT (deprecated)

Example

{
    "type":"context",
    "version":"1.0.0",
    "tags":[],
    "content": [...]
}

Changelog

1.0.0 - 01.02.2019

• initial version