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

Context with HORIZONTAL and CAPTCHA tag

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)

Context with MULTIINPUT tag and two Inputs

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

Context with BOX_WARNING tag

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

Context with BOX_DANGER tag

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

results matching ""

    No results matching ""