I am working with bpmn-js-properties-panel and want it to display in a manner so that user can view the object properties but not edit them. Is this possible?
There exist no built-in readonly mode.
Hi,
Is there anyway available to perform this now?
No, no updates on this.
Is there anyway available to perform this now? Or is there any other way to support me. Thank you very much
this.bpmnModeler = new BpmnModeler({
container: this.canvas,
additionalModules: [
{
zoomScroll: ["value", ""],// 禁用滚轮滚动
bendpoints: ["value", ""], // 禁止拖动线
paletteProvider: ["value", ""], // 禁用左侧面板
contextPadProvider: ["value", ""], // 禁止点击节点出现contextPad
labelEditingProvider: ["value", ""] // 禁止双击节点出现label编辑框
},
minimapModule,
customContextPad,
propertiesProviderModule,
customTranslateModule
]
})
Is there a way to read-only properties in the properties-panel without editing it? Thank you very much
import BpmnModeler from 'bpmn-js/lib/NavigatedViewer'
//或者
import BpmnModeler from 'bpmn-js/lib/Viewer'
I want to have properties-panel function but it is read-only, is there any other way when I add NavigatedViewer it gets error “TypeError: Cannot read property ‘importXML’ of null”. Thank you
The test did not find the problem you said
Can you check it out for me? Thank you
Is this effect?
But it’s still modifiable, I want the user to be able to read only the properties
I think it is possible to use an overlay to override the properties-panel bar so that the user cannot change the property value. What do you think?
such?
only read, not manipulated, can’t change input box
Custom panel can be solved
Can you give me some examples of custom properties panel? Thank you
If you are working in React JS, you can make two components, one where you import the Viewer and the other the Modeler and request the model in XML as a property, and thus change it to your liking.