I am trying to add a disabled rule in UI schema like this.
export const uischema = {
type: 'VerticalLayout',
elements: [
{
type: 'Control',
scope: '#/properties/abc'
},
{
type: 'Control',
scope: '#/properties/comments',
options: {
showSortButtons: true
},
rule: {
effect: 'HIDE',
condition: {
scope: '#/properties/abc',
schema: { const: 'developer' }
}
}
}
]
};
While schema is this.
export const schema = {
type: 'object',
properties: {
abc: {
type: 'string'
},
comments: {
type: 'array',
items: {
type: 'object',
properties: {
date: {
type: 'string',
format: 'date'
},
message: {
type: 'string',
maxLength: 5
}
}
}
}
}
};
While the hide effect is working properly disable effect is not. I am doing something wrong.
[original thread by shivgarg5676]