Versions Compared

Old Version 6

changes.mady.by.user Simon Mittlboeck-Jungwirth

Saved on

compared with

New Version 7

changes.mady.by.user Simon Mittlboeck-Jungwirth

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Currently the following input types are supported:

TypeExampleAusgabe
numberbasic

[
  {
    "inputTemplate": "Soll: {targetPreasure} bar",
    "inputs": [
      {
        "type": "number",
        "variable": "targetPreasure"
      }
    ]
  }
]

Image Modified

text
complete
[
  {
    "inputTemplate": "
Bezeichnung: {description}
",
    "inputs": [
      {
        "type": "
text
number",
        "variable": "
description"
      }
    ]
  }
]

Image Removed

radio[
  {
    "inputTemplate": "",
    "inputs": [
      {
        "type": "radio",
        "
targetPreasure",
        "label": "
Ja",
        "value": true,
        "variable"
Druck: "
result"
      }
,

      {
        "type": "radio",
        "label": "Nein",
        "value": false,
        "variable": "result"
      }
    ]
  }
]

Image Removed

checkbox[
  {
    "inputTemplate": "",
    "inputs": [
      {
        "type": "checkbox",
        "label": "Druckprüfung",
        "variable": "result1"
      },
      {
        "type": "checkbox",
        "label": "Temperaturprüfung",
        "variable": "result2"
 // instead of the inputTemplate a label can be set which is display above the input
        "decimalDigits": 2, // sets the number of decimal digits - default 0
        "thousandSeperator": true, // controls if a thousand seperator should be shown - default false
        "style": "background-color: lightblue;" // custom style 

      }
    ]
  }
]

Image Added

Image Removed
text

date


basic


[
  {
    "

id

inputTemplate": "

druck",
    "inputTemplate"

Bezeichnung: 

"

{description}",
    "inputs": [
      {
        "type": "

date",
        "label": "Druckprüfung

text",
        "variable": "

result

description"
      }
    ]
  }
]

Image Removed

Image Added

range
complete
[
  {
    "inputTemplate": "
Druck: {druck}
",
    "inputs": [
      {
        "type": "
range
text",
        "variable": "
druck
description",
        "label"
min
:"Bezeichnung: 
10
",
        "
max
style":
 350,
        "step": 10
"color: red"
      }
    ]
  }
]

Image Added

Image Removed
radio

textarea


basic

[
  {
    "inputTemplate": "

Beschreibung

",
    "inputs": [
      {
        "type": "

textarea

radio",
        "

variablepicture[
  {
    "inputTemplate": "Foto",
    "inputs": [
      {

label": "

result"
      }
    ]
  }
]

Image Removed

Ja",


        "

type

value": 

"picture"

true,
        "variable": "

photo

result"
      

}
    ]
  

}


]

Image Removed

Detailed

number

[
  {
    "inputTemplate": ""

,


    "inputs": [


      {
        "type": "

number",
        "variable": "targetPreasure

radio",
        "label": "

Druck: ", // instead of the inputTemplate a label can be set which is display above the input

Nein",
        "

decimalDigits

value": 

2, // sets the number of decimal digits - default 0

false,
        "

thousandSeperator

variable":

 true,

 

// controls if a thousand seperator should be shown - default false
        "style": "background-color: lightblue;" // custom style 

"result"
      }
    ]
  }
]

Image Removed

Image Added

...

advanced
[
  {
    "inputTemplate": "",
    "inputs": [
      {
        "type": "
text
radio",
        "
variable
label": "
description
Ja",
        "
label
value":
"Bezeichnung:
 
"
1,
        "
style[
  {
    "inputTemplate": "",
    "inputs": [
variable": "
color: red"
      }
    ]
  }
]

Image Removed

radio

TODO: iconvisible, deselectable not working - check color

result",
        "iconVisible": false,
        "color": "btn-primary"
      },

      {
        "type": "radio",
        "label": "
Ja
Nein",
        "value": 
1
2,
        "variable": "result",
        "
iconVisible
deselectable": false,
        "color": "btn-
primary
secondary"
      },
      {
        "type": "radio",
        "label": "
Nein
Vielleicht",
        "value": 
2
3,
        "variable": "result",
        "deselectable": false,
        "color": "btn-
secondary
success"
      },
      
       {
        "type": "radio",
        "label": "
Vielleicht
Weiß nicht",
        "value": 
3
4,
        "variable": "result",
        "deselectable": false,
        "color": "btn-
success
       
danger"
      }
,

    ]
  }
]

Image Added

checkboxbasic

[
  {
    "inputTemplate": "",
    "inputs": [
      

{
        "type": "

radio

checkbox",
        "label": "

Weiß nicht

Druckprüfung",
        "

value

variable": 

4,

"result1"
      },
      {
        "

variable

type": "

result

checkbox",
        "

deselectable

label": 

false

"Temperaturprüfung",
        "

color

variable": "

btn-danger

result2"
      }
    ]
  }
]

Image Removed

Image Added

...

advanced
[
  {
    "inputTemplate": "1: {result1} 2: {result2}",
    "inputs": [
      {
        "type": "checkbox",
        "label": "Druckprüfung",
        "variable": "result1",
        "color": "btn-success"
      },
      {
        "type": "checkbox",
        "label": "Temperaturprüfung",
        "variable": "result2",
        "color": "btn-danger"
      }
    ]
  }
]

Image Modified

datebasic

[
  {
    "

id

inputTemplate": "

druck

",
    "inputs": [
      {
        "type": "date",
        "label": "Druckprüfung",
        "variable": "result"
      }
    ]
  }
]

Image Added

advanced
[
  {
    "inputTemplate": "",
    "inputs": [
      {
        "type": "date",
        "label": "Druckprüfung",
        "variable": "result",
        "customFormat": "YYYY/MM/DD",
        "useCurrent": true,
        "minDate": "2023/01/01",
        "maxDate": "2024/01/01"
      }
    ]
  }
]

Image Modified

rangebasic

[
  {
    "inputTemplate": "Druck: {druck}",
    "inputs": [
      {
        "type": "range",
        "variable": "druck",
        "min": 10,
        "max": 350,
        "step": 10
      }
    ]
  }
]

Image Added

textarea


basic

[
  {
    "inputTemplate": "Beschreibung",
    "inputs": [
      {
        "type": "textarea",
        "variable": "result"
      }
    ]
  }
]

Image Added

advanced
[
  {
    "inputTemplate": "Beschreibung",
    "inputs": [
      {
        "type": "textarea",
        "variable": "result",
        "rows":10,
        "placeholder": "placeholder..."
      }
    ]
  }
]

Image Modified

picturebasic

[
  {
    "inputTemplate": "Foto",
    "inputs": [
      {
        "type": "picture",
        "variable": "photo"
      }
    ]
  }
]

Image Added