Here you can find sample configurations and screenshots with different combinations of Input Restrictions setting for node and relationship properties.

Description

Database Property Definition

Input field in GUI

Standard text input element

  • not mandatory value
  • no restrictions
{
"property":"foo",
"title":"FOO"
}

Standard text input element with mandatory value

  • mandatory value
  • no restrictions
{
"property":"foo",
"title":"FOO",
"inputRestrictions":{
"mandatory":true
}
}

Input element with datalist

  • enter any value or choose from predefined autocomplete values
  • most browsers also adds previously entered values so user can dynamically enhance this list
  • you can also add "mandatory":true to force user to enter some value
{
"property":"foo",
"title":"FOO",
"inputRestrictions":{
"strict":false,
"multiple":false,
"values":[
"value 1",
"value 2",
"value 3"
]
}
}

Single value Select2 element with or without groups

  • user can choose only from predefined values
  • values can be grouped (use "groups" setting) or as simple list (use "values" setting as in previous example)
  • you can also add "mandatory":true to force user to enter some value
{
"property":"foo",
"title":"FOO",
"inputRestrictions":{
"strict":true,
"multiple":false,
"groups":[
{
"label":"group 1",
"values":[
"value 1.1",
"value 1.2"
]
},
{
"label":"group 2",
"values":[
"value 2.1",
"value 2.2"
]
}
]
}
}

Multiple values Select2 element with or without groups

  • user can choose only from predefined values
  • multiple values can be chosen which are then stored as a single string with values separated with commas "," (default Select2 functionality)
  • values can be grouped (use "groups" setting) or as simple list (use "values" setting)
  • you can also add "mandatory":true to force user to enter some value
{
"property":"foo",
"title":"FOO",
"inputRestrictions":{
"strict":true,
"multiple":true,
"groups":[
{
"label":"group 1",
"values":[
"value 1.1",
"value 1.2"
]
},
{
"label":"group 2",
"values":[
"value 2.1",
"value 2.2"
]
}
]
}
}

Multiple values Select2 element

  • user can choose from predefined values or enter a custom value
  • multiple values can be chosen which are then stored as a single string with values separated with commas "," (default Select2 functionality)
  • you can also add "mandatory":true to force user to enter some value
{
"property":"foo",
"title":"FOO",
"inputRestrictions":{
"strict":false,
"multiple":true,
"values":[
"value 1",
"value 2",
"value 3"
]
}
}