Properties panel

existingbpmn2
I need this type of properties panel how can i acheive this and also i add some custom menu that working fine but i applied color also thatnot working

target: {
type: ‘bpmn:ServiceTask’,
color:[{fill:"#FFDAB9", stroke:"#000000"}], //peach
customAtttr : [
{name : ‘technologyCategory’, value : ‘Scripting’, description : ‘Technology Category (RPA/Scripting/Web Service etc.)’},
{name : ‘technology’, value : ‘PowerShell’, description : ‘Product Name’}//,
//{name : ‘botCategory’, value : “”, description : ‘Category of the Bot (File, System, EMail, Saleforce etc.)’}
]
}
},{
label: ‘Shell Bot’,
actionName: ‘replace-with-service-task-shell’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:ServiceTask’,
color:[{fill:"#add8e6", stroke:"#000000"}], //peach
customAtttr : [
{name : ‘technologyCategory’, value : ‘Scripting’, description : ‘Technology Category (RPA/Scripting/Web Service etc.)’},
{name : ‘technology’, value : ‘Shell’, description : ‘Product Name’}//,
//{name : ‘botCategory’, value : “”, description : ‘Category of the Bot (File, System, EMail, Saleforce etc.)’}
]
}
},{
label: ‘Ansible Bot’,
actionName: ‘replace-with-service-task-ansible’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:ServiceTask’,
color:[{fill:"#add8e6", stroke:"#000000"}], //peach
customAtttr : [
{name : ‘technologyCategory’, value : ‘Scripting’, description : ‘Technology Category (RPA/Scripting/Web Service etc.)’},
{name : ‘technology’, value : ‘Ansible’, description : ‘Product Name’}//,
//{name : ‘botCategory’, value : “”, description : ‘Category of the Bot (File, System, EMail, Saleforce etc.)’}
]
}
},{
label: ‘ML-AI Bot’,
actionName: ‘replace-with-service-task-mlai’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:ServiceTask’,
color:[{fill:"#FFC0CB", stroke:"#000000"}], //pink
customAtttr : [
{name : ‘technologyCategory’, value : ‘Scripting’, description : ‘Technology Category (RPA/Scripting/Web Service etc.)’},
{name : ‘technology’, value : ‘ML-AI’, description : ‘Product Name’}//,
//{name : ‘botCategory’, value : “”, description : ‘Category of the Bot (File, System, EMail, Saleforce etc.)’}
]
}
},{
label: ‘Icap Bot’,
actionName: ‘replace-with-service-task-icap’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:ServiceTask’,
color:[{fill:"#add8e6", stroke:"#000000"}], //peach
customAtttr : [
{name : ‘technologyCategory’, value : ‘Scripting’, description : ‘Technology Category (RPA/Scripting/Web Service etc.)’},
{name : ‘technology’, value : ‘Icap’, description : ‘Product Name’}//,
//{name : ‘botCategory’, value : “”, description : ‘Category of the Bot (File, System, EMail, Saleforce etc.)’}
]
}
},
//Code copied from offline editor by Mansi ends here
//Changes for unit test of bot by Akhil starts here
{
label: ‘Validate Bot’,
actionName: ‘replace-with-service-task-unittest’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:customTask’,
customAtttr : [
{name : ‘UnitTest’, value : ‘apicall’, description : ‘Callapi’}

]

}
},
//Changes for configure bot starts here
{
label: ‘Configure Bot’,
actionName: ‘replace-with-service-task-configureBot’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:configureBot’,
customAtttr : [
{name : ‘ConfigureBot’, value : ‘apicall’, description : ‘Callapi’}

]

}
},
{
label: ‘View Source’,
actionName: ‘replace-with-service-task-upgradeBot’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:upgradeBot’,
customAtttr : [
{name : ‘UpgradeBot’, value : ‘apicall’, description : ‘Callapi’}
]
}
}
//changes for configure bot ends here
,{
label: ‘Service Task’,
actionName: ‘replace-with-service-task’,
className: ‘bpmn-icon-service’,
target: {
type: ‘bpmn:ServiceTask’
}
},

{
label: ‘Script Task’,
actionName: ‘replace-with-script-task’,
className: ‘bpmn-icon-script’,
target: {
type: ‘bpmn:ScriptTask’
}
}, {
label: ‘Call Activity’,
actionName: ‘replace-with-call-activity’,
className: ‘bpmn-icon-call-activity’,
target: {
type: ‘bpmn:CallActivity’
}
},
//Changes for unit test of bot by Akhil ends here
{
label: ‘Task’,
actionName: ‘replace-with-task’,
className: ‘bpmn-icon-task’,
target: {
type: ‘bpmn:Task’
}
}, {
label: ‘Send Task’,
actionName: ‘replace-with-send-task’,
className: ‘bpmn-icon-send’,
target: {
type: ‘bpmn:SendTask’
}
}, {
label: ‘Receive Task’,
actionName: ‘replace-with-receive-task’,
className: ‘bpmn-icon-receive’,
target: {
type: ‘bpmn:ReceiveTask’
}
}, {
label: ‘User Task’,
actionName: ‘replace-with-user-task’,
className: ‘bpmn-icon-user’,
target: {
type: ‘bpmn:UserTask’
}
}, {
label: ‘Manual Task’,
actionName: ‘replace-with-manual-task’,
className: ‘bpmn-icon-manual’,
target: {
type: ‘bpmn:ManualTask’
}
}, {
label: ‘Business Rule Task’,
actionName: ‘replace-with-rule-task’,
className: ‘bpmn-icon-business-rule’,
target: {
type: ‘bpmn:BusinessRuleTask’
}
}, {
label: ‘Sub Process (collapsed)’,
actionName: ‘replace-with-collapsed-subprocess’,
className: ‘bpmn-icon-subprocess-collapsed’,
target: {
type: ‘bpmn:SubProcess’,
isExpanded: false
}
}, {
label: ‘Sub Process (expanded)’,
actionName: ‘replace-with-expanded-subprocess’,
className: ‘bpmn-icon-subprocess-expanded’,
target: {
type: ‘bpmn:SubProcess’,
isExpanded: true
}
}];

Please help me in this issue

Please share a running / prototypical example that clearly shows what you’re trying to achieve, what is working and what is not.

Use our existing starter projects to quickly hack it or share your existing, partial solution on GitHub. Provide the necessary pointers that allow us to quickly understand where you got stuck.

This way we may be able to help you in a constructive manner.

Thanks :heart:


plese follow this in this defualt even menu not working properly when click on send task prperties panel not working and other as well please help me

That’s not even your example.

1 Like