Add scrollbar in task menu

Developers Modeler
#1

servicechangetypemenu Preformatted text
you can see i added custom menu so not able to see all option i need add scrollbar in this how can i acheive this

help me please

#2

Hi,

In the screenshot it appears that all elements are visible?

Anyhow, you can do this using CSS. The popup originates in diagram-js and has a class-name djs-popup-body. So you could e.g., add

.djs-popup-body {
  max-height: 200px;    
  overflow-y: scroll;
}

to your app and get something like this:
css_overflow

Best,
Max

#3

I put this in css but not working dear

Thanks

#4

Please check your project then.

See here for a working example (see the styles.css):

#5

Thanks dear its working fine now I have one more question if you help me please
image
I want to add this color full task how can i achieve this

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
}
}];
i am appliing this in menu stroke is working but not fill color is not applying properly

#6

For a new question / topic, please open a new topic.

Also please use the performatted text feature to share code and only share the key important snippet. This will make it easier for others to understand your problem. Additionally please give some context about what you want to achieve.

#7