Bryntum Support Forums

Hi,

Is it possible to customize the taskMenu icon. Something like this.

headerItems: {
            menu: { type: 'taskMenu', icon: 'my-custom-icon' }
         },

Thanks

Hi,
Are you talking about these icons?

Hi Tasnim,
I'm referring to the default 3 dots icon located at the upper right corner of the card. It's the default icon displayed if we add the taskMenu.

Here is how you can achieve it

    features : {
        columnHeaderMenu : {
            items : {
                addTask : {
                    icon : 'b-fa-solid b-fa-square-plus'
                }
            }
        }
    }

Please check docs https://bryntum.com/docs/taskboard/api/TaskBoard/feature/ColumnHeaderMenu
And for icons, please check this guide https://bryntum.com/docs/taskboard/guide/Grid/customization/iconfont#font-awesome

Hi Tasnim,
I'm referring to the ... icon. I tried inspecting the element using browser and I got the following

<i class="b-taskboard-taskitem b-taskboard-task-menu b-icon b-icon-menu-horizontal" data-role="item-menu" data-field="menu" data-ref="menu" role="presentation" style=""></i>

Hi,
You can achieve it with this CSS;

.b-column-header-button::before {
  content : '\f805';
}

You can search for all of the icons in here https://fontawesome.com/search