Bryntum Support Forums

How to custom menu and add separate line between menuitem

item

I want to remove menuitem "Change column" and rename caption EditTask menuitem and add separate line between menuitem.

Thanks

To add a border below a menu item, you can set the item´s https://bryntum.com/docs/scheduler/api/Core/widget/MenuItem#config-cls to b-separator.

How to remove "change column" menuitem and change caption "edit Task" menuutem

Please have a look at feature docs: https://bryntum.com/docs/taskboard/api/TaskBoard/feature/TaskMenu
There is the list of default items: https://bryntum.com/docs/taskboard/api/TaskBoard/feature/TaskMenu#default-items
And example here: https://bryntum.com/examples/taskboard/task-menu/

So you need something like:

const taskBoard = new TaskBoard({
    features : {
        taskMenu : {
            items : {
                column : null,
                editTask : {
                    text : 'Change edit task name'
                }
            }
        }
    }
});

I set seperate line with your guide

 cls : {
                'b-separate'     : 1,
                // [this.extraCls]  : 1,
                // [this.activeCls] : this.isActive
            },

It show b-separate item with height in red color. How can I set it has height with 1px only and has line border color.

It should be

                cls         : 'b-separator',

It do not show separator instead It show item with text "separator" as picture

How can I show separator between menuitem

Can you please share a full test case with all your code so we can run it?

Add the class b-separator to the existing item that you want to see a separator before.