Fields can be hidden or displayed dynamically according to the value of another field. Next, you can see an example to configure the conditions for which a field will be visible. Take into account that all conditions have to be fulfilled to display a field.
{{ { ui: { visible: {field_key1: 'field_value1', field_key2: 'field_value2'} } } | json }}
When there are some fields related with each other, they can be placed together in the same line. To place a field next to the next one, you have to add this:
{{ { ui: { relatedTo: 'next_field_key' } }| json }}
When we want to give a more descriptive label to options in a select, we can use the property options of ui. There we can define a list of pair of name and value that will be used to create the option menu.
If you use this property, you have to know that options will be combined with the options specified in enum property from json schema. The options defined in enum property but not in options property will be displayed without label.
{{ { ui: { options: [ {label: 'Spanish', value: 'es'}, { label: 'English', value: 'en' } ] } }| json }}