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