Properties of Proerties panel not shwoing values

[Sarthak_Saumya]

I am creating custom modeler in react. the problem is that it does not show values of properties other than general properties. I have forms embedded and other values set which is getting displayed in camunda deskptop modeler but not in my case.

this is my code
const canvas = document.querySelector(“#canvas”);
const properties = document.querySelector(“#properties”);
canvas.innerHTML = “”;
properties.innerHTML = “”;
modeler = (window.modeler = new BpmnModeler({
container: “#canvas”,
keyboard: {
bindTo: document
},
additionalModules: [
//To display properties tab
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
CamundaPlatformPropertiesProviderModule,
minimapModule,
{
//These will disbale left Contect Pad and also other edit features of Camunda
contextPadProvider: [“value”, {}],
palette: [“value”, {}],
paletteProvider: [“value”, {}],
move: [“value”, {}],
create: [“value”, {}],
}
],
propertiesPanel: {
parent: ‘#properties’
}
}));
await modeler.importXML(bpmnXml, () => {
const canvas = modeler.get(“canvas”);
canvas.zoom(“fit-viewport”);
});

    }

[Sarthak_Saumya]

I got what the issue is. It is version problem. When i used xml file of camunda platform-8 then it does not show properties values. But when i switched xml file and used one from camunda-7 then is displaying properties values and everything else. How can i change my code and make it work form camunda-8?
@nikku

[philippfromme]

There are different properties panels for Camunda 7 and Camunda 8 since these are different.

[Sarthak_Saumya]

issue resolved. i got one example
Camunda 8 modeler - Angular 9 - Developers / Modeler - Forum - bpmn.io

these are import requiried if we want to use it for camunda-8
import {
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
ZeebePropertiesProviderModule,
} from ‘bpmn-js-properties-panel’;
import zeebeModdleDescriptor from ‘zeebe-bpmn-moddle/resources/zeebe.json’;

And this is modeler code
modeler = (window.modeler = new BpmnModeler({
container: “#canvas”,
keyboard: {
bindTo: document
},
propertiesPanel: {
parent: ‘#properties’
},
additionalModules: [
ZeebePropertiesProviderModule,
ZeebePropertiesProviderModule,
BpmnPropertiesPanelModule,
BpmnPropertiesProviderModule,
camundaCloudBehaviors,
minimapModule,
{
contextPadProvider: [“value”, {}],
palette: [“value”, {}],
paletteProvider: [“value”, {}],
move: [“value”, {}],
create: [“value”, {}],
}
],
moddleExtensions: {
zeebe: zeebeModdleDescriptor
}
}));
await modeler.importXML(bpmnXml);
const canva = modeler.get(“canvas”);
canva.zoom(“fit-viewport”);