Readonly mode: bpmn-js-properties-panel

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.

2 Likes

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

1 Like
import BpmnModeler from 'bpmn-js/lib/NavigatedViewer' 
//或者
import BpmnModeler from 'bpmn-js/lib/Viewer'
1 Like
1 Like

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?
截屏2020-12-23 上午11.40.57

1 Like

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?
截屏2020-12-23 上午11.56.07

only read, not manipulated, can’t change input box
Screenshot 2020-12-23 110411

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.