BPMN ReplaceMenu on select Properties panel and color will be change

colorissueBPMN

You can see above image when i select workerbot automatically task inside color is changed and in properties panel also attach according to menu item we select
please see below json
var TASK = [

//Code copied from offline editor by Mansi starts here

{

label: ‘Worker Bot’,

actionName: ‘replace-with-service-task-workerbot’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:CallActivity',

color:[{fill:"#00FF00", stroke:"#000000"}], //lime

customAtttr : [

  {name : 'technologyCategory', value : 'workerbot', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'hybrid', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘AssistEdge Bot’,

actionName: ‘replace-with-service-task-ae-rpa’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:CallActivity',

color:[{fill:"#FFE0B2", stroke:"#000000"}], //orange

customAtttr : [

  {name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'AssistEdge', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘UIPath Bot’,

actionName: ‘replace-with-service-task-ui-rpa’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:CallActivity',

color:[{fill:"#FFC0CB", stroke:"#000000"}], //pink

customAtttr : [

  {name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'UiPath', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘Automation Anywhere Bot’,

actionName: ‘replace-with-service-task-aa-rpa’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:CallActivity',

color:[{fill:"#87CEFA", stroke:"#000000"}], //light blue

customAtttr : [

  {name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'AutomationAnywhere', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘BluePrism Bot’,

actionName: ‘replace-with-service-task-bp-rpa’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:CallActivity',

color:[{fill:"#00FFFF", stroke:"#000000"}], //aqua

customAtttr : [

  {name : 'technologyCategory', value : 'RPA', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'BluePrism', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘Java Bot’,

actionName: ‘replace-with-service-task-java’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:ServiceTask',

color:[{fill:"#00FF00", stroke:"#000000"}], //lime

customAtttr : [

  {name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'Java', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘Python Bot’,

actionName: ‘replace-with-service-task-python’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:ServiceTask',

color:[{fill:"#FFFF00", stroke:"#000000"}], //yellow

customAtttr : [

  {name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'Python', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘DotNet Bot’,

actionName: ‘replace-with-service-task-dotnet’,

className: ‘bpmn-icon-service’,

target: {

type: 'bpmn:ServiceTask',

color:[{fill:"#C59FE1", stroke:"#000000"}], //voilet

customAtttr : [

  {name : 'technologyCategory', value : 'Scripting', description : 'Technology Category (RPA/Scripting/Web Service etc.)'},

  {name : 'technology', value : 'DotNet', description : 'Product Name'}//,

  //{name : 'botCategory', value : "", description : 'Category of the Bot (File, System, EMail, Saleforce etc.)'}

]

}

},{

label: ‘PowerShell Bot’,

actionName: ‘replace-with-service-task-powershell’,

className: ‘bpmn-icon-service’,

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'}

  

]

}

}

//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
}
}];

You can in image what i want but right now i am apply the same json in angular stroke color is apply but not fill color and also properties not add when we select menu

Thanks in advance please help me

Please do not create new threads on the same topics as you already created. Instead, provide necessary information in the already existing thread: On select task menu color will be change

1 Like