Our flexible Kanban board for managing tasks with drag drop


Post by agarcia »

Hi,

We are using a Bryntum Taskboard, and we would like to modify in some cases the headers of the columns with custom content.

I've been checking the docs and the examples, but did not find anything about that.

What would be the easiest way of customizing the content of the headers?

I send you attached a simple example of something similar we want to achieve.

Thank you in advance.
Regards

Attachments
MicrosoftTeams-image (4).png
MicrosoftTeams-image (4).png (663.21 KiB) Viewed 289 times

Post by alex.l »

Hi,

What would be the easiest way of customizing the content of the headers?

Are you talking about styling? If so, you need to apply CSS to classes b-taskboard-column-title, b-column-title-text, b-taskboard-column-count. You can check DOM using DOM inspector of your browser to get a full picture.

If you are talking about data, it's just a text from data you provided in columns. Change text of columns and you'll get what you want.
https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoard#config-columns

All the best,
Alex


Post by agarcia »

Hi Alex,

Thank you for answering my question.. I would like to add my Own HTML including new content and styles..

I've tried by using the column["text"] property but it seems it just allow plain text, but not custom HTML..

It would be possible to add custom HTML as a content for the columns title?

Regards


Post by alex.l »

Hi,

HTML is not allowed in headers right now. I've opened a feature request here https://github.com/bryntum/support/issues/7160

All the best,
Alex


Post Reply